body { font-family:sans-serif,verdana,helvetica; font-size:12px; color:#333333; background:#fdfdfd url('../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 { 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; }

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

.section { border-bottom:1px solid #dddddd; padding-bottom:0.25em; margin-bottom:0.75em; }

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 1.45em; }
hr.full { width:100%; }

ul.arrow { padding-left:0; margin-top:0; margin-bottom:10px; }
ul.arrow li { list-style:none; background:transparent url('../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=password], select { padding:5px; margin-top:0; margin-bottom:10px; }
textarea { font-family:sans-serif,verdana,helvetica; font-size:1em; }
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 h2 { color:#8a1f11; margin-bottom:0.5em; }
.success a, .success a.hover, .success a.focus { color:#264409; text-decoration:underline; }
.success h2 { color:#264409; margin-bottom:0.5em; }
.notice a, .notice a.hover, .notice a.focus { color:#514721; text-decoration:underline; }
.notice h2 { color:#514721; margin-bottom:0.5em; }


/* share bar */
.share-bar { margin-bottom:10px; height:16px; }
.share { background:transparent url('../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(../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; }

/* menus */
#content #menu { border:1px solid #666666; border-bottom:0; background:#6f85a2 url('../images/backings/menu-bg.png') repeat-x; }
#content #menu .top-left-rounded { background:transparent url('../images/backings/menu-rounded-top-left.png') no-repeat top left; margin-top:-1px; margin-left:-1px; }
#content #menu .top-right-rounded { background:transparent url('../images/backings/menu-rounded-top-right.png') no-repeat top right; margin-top:-1px; margin-right:-1px; }
/*#content #menu {
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}*/

#content #menu ul, #content #menu li { margin:0; padding:0; list-style:none }
#content #menu ul, #content #menu li, #content #menu a { float:left; }
#content #menu ul { padding:5px 10px; }
#content #menu li { margin-right:10px; background:none; }
#content #menu a { font-size:14px; padding:5px 15px; text-decoration:none; color:white; height:21px; }
#content #menu a:hover { color:#ddebff;  }

#content #menu a.selected { color:#6f85a2; background:white; padding:5px 10px; }
#content #menu .left-bg { background:transparent url('../images/backings/menu-selected-left.png') no-repeat left; float:left; width:7px; height:31px;}
#content #menu .right-bg {  background:transparent url('../images/backings/menu-selected-right.png') no-repeat left; float:left; width:7px; height:31px; }

/* contents */
#content #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:#8a8a8a url('../images/backings/footer-bg.png') repeat-x; font-size:12px; }
#footer .padding { padding:10px 15px 10px; }
#footer .span-1 { width:160px; }
#footer .span-2 { width:auto; }
#footer .span-3 { width:170px; }
#footer .span-4 { width:378px; }
#footer a { color:white; }
#footer a:hover { color:#c3c3c3; text-decoration:none; }
#footer .copyright { text-align:center;  font-size:10px; }
#footer ul.arrow li { background-image: url('../images/backings/arrow-footer.gif'); }

/* index page styles */
#content #contents #main-index { width:408px; margin-right:15px; }
#content #contents #main-index h3 { font-weight:bold; margin-bottom:0.25em; }
#content #contents #main-index ul, #content #contents #main-index li {  list-style:none; background:none; }
#content #contents #main-index ul { padding-left:0; margin-top:0; margin-bottom:2em; }
#content #contents #main-index ul li { background:transparent url('../images/check.png') no-repeat scroll 0 2px; padding-left:23px; }
#content #contents #main-index .first-p { margin-bottom:2em; }

#content #contents #main-articles { width:290px; margin-right:15px; }
#content #contents #main-articles h4,
#content #contents #main-misc h4 { font-weight:bold; }

#content #contents #main-misc { width:180px; }
#content #contents #main-misc input[type=text] { font-style:italic; color:#999999; width:168px; }
#content #contents #main-misc input[type=text]:focus { color:#333; font-style:normal; }

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

#content #contents #features .row1 .col1 { width:590px; }
#content #contents #features .row1 .col2 { width:297px; }

#content #contents #features .row2 .col1 { width:390px; }
#content #contents #features .row2 .col2 { width:497px; }

#content #contents #features .row3 .col1,
#content #contents #features .row3 .col2 { width:443px; }

#content #contents #features .row4 .col1 { width:220px; }
#content #contents #features .row4 .col2 { width:375px; }
#content #contents #features .row4 .col3 { width:271px; }

#content #contents #features .row5 .col1 { width:320px; }
#content #contents #features .row5 .col2 { width:290px; }
#content #contents #features .row5 .col3 { width:256px; }
#content #contents #features .image { margin-left:15px; }   
#content #contents #features .image p.caption { text-align:center; color:#999999; font-size:10px; }

/* features list page */
#content #contents #features-list .span-2 { width:445px; }
#content #contents #features-list h4 { -moz-border-radius:7px 7px 7px 7px; background-color:#F9F9F9; border-color:#E5E5E5 #DBDBDB #D2D2D2; border-style:solid; border-width:1px; color:#666666; margin-bottom:10px; padding:5px 5px 5px 10px; font-weight:bold;}
#content #contents #features-list .features { padding:0 10px; }
#content #contents #features-list .features .title { float:left; width:145px; margin-right:10px; margin-bottom:1em; font-weight:bold;}
#content #contents #features-list .features .summary { float:left; width:270px; margin-left:0px; margin-bottom:1em; }

/* contact page */
#content #contents #feedback .span-1 { width:538px; }
#content #contents #feedback .span-2 { width:356px; border:1px solid #f0f0f0; }
#content #contents #feedback .span-3 { width:159px; }
#content #contents #feedback .span-4 { width:244px; }

/* article view */
#content #contents #article-view { }
#content #contents #article-view .span-1 { font-size:12px; padding-right:10px; width:598px; }
#content #contents #article-view .span-1 .full-story { color:#111; }
#content #contents #article-view .span-2 { width:258px; }
#content #contents #article-view #main-misc { width:100%; }
#content #contents #article-view #main-misc input[type=text] { width:246px; }

#content #contents .article-view-col { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:none repeat scroll 0 0 #f9f9f9; border:1px solid #d6d6d6; font-size:11px; padding:15px; }
#content #contents .article-view-col h4 { font-weight:bold; margin-bottom:1.5em; }
#content #contents .article-view-col p.title { margin-bottom:0.5em; }
#content #contents .article-view-col p.summary { margin-bottom:1.5em; }

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

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

/* mailing list */
#content #contents #mailing-list { } 
#content #contents #mailing-list table, #content #contents #mailing-list table tr, #content #contents #mailing-list table tr td { margin:0; padding: 0; }
#content #contents #mailing-list table th { font-size:1.5em; padding:4px 0; }
/* This is a hack for the nlist-lst.xsl */
#content #contents #mailing-list table th i { font-style:normal; }

/* Fields for the forms */
#content #contents .form-fields { width:538px; }
#content #contents .form-fields { border:1px solid #f0f0f0; }
#content #contents .form-fields .padding { padding:10px; }
#content #contents .form-fields .form-section { padding:0 10px; margin-bottom:1.25em; }
#content #contents .form-fields .span-1 { width:244px; }

#content #contents .form-fields h3 { border-bottom:1px solid #f0f0f0; margin-bottom:0; color:#666666; padding:0.4em 0.75em; background:#f0f0f0; font-size:1.1em; font-weight:bold; }
#content #contents .form-fields h4 { -moz-border-radius:7px 7px 7px 7px; background:#F9F9F9; border-color:#E5E5E5 #DBDBDB #D2D2D2; border-style:solid; border-width:1px; color:#666666; margin-bottom:10px; padding:5px 5px 5px 10px; font-weight:bold; font-size:1em; }
#content #contents .form-fields label { font-weight:normal; }
#content #contents .form-fields label.text { font-weight:bold; width:150px; float:left; margin-right:10px; }
#content #contents .form-fields input[type=text],
#content #contents .form-fields input[type=password] { float:left; margin-top:0; margin-bottom:10px; width:326px; }
#content #contents .form-fields input[type=text].bottom { margin-bottom:0; }
#content #contents .form-fields textarea { width:486px; height:150px; margin-bottom:0;  }
#content #contents .form-fields p { margin-bottom:0.5em; }
#content #contents .form-fields p.form-buttons, #content #contents .form-fields p.note { margin-bottom:10px; }
#content #contents .form-fields p.bottom { margin-bottom:0; }

#content #contents .form-fields .auto-forms table { margin-bottom:10px; }
#content #contents .form-fields .auto-forms table table { margin-bottom:0; width:auto; }
#content #contents .form-fields .auto-forms table td { padding:0; }
#content #contents .form-fields .auto-forms .Required,
#content #contents .form-fields .auto-forms .RowText,
#content #contents .form-fields .auto-forms .RowBox { font-weight:bold; }
#content #contents .form-fields .auto-forms label.text { width:250px; }
#content #contents .form-fields .auto-forms input.auto { width:auto; margin-right:5px; }

#content #contents .form-fields .nested { margin-bottom:0; }
#content #contents .form-fields .nested table table { border:1px solid #bababa; width:100%; }
#content #contents .form-fields .nested table table table { border:none; width:auto;  }
#content #contents .form-fields .nested table table th { background:#bababa; }
#content #contents .form-fields .nested table table th input { float:right; }
#content #contents .form-fields .nested table table td { padding:5px 5px 2px; }
#content #contents .form-fields .nested td.RuleData input { float:none; width:auto; }

#content #contents .form-width-auto { width:auto; }

/* article columns */
#articles-column .tabs { font-size:12px; padding:0; border-bottom:1px solid #bbb; /*border-top:1px solid #d6d6d6; background-color:#f9f9f9;*/ }
#articles-column .tabs ul, 
#articles-column .tabs li { list-style:none; margin:0; padding:0; }
#articles-column .tabs li, 
#articles-column .tabs li a { float:left; }
#articles-column .tabs li a { font-weight:bold; border-top:1px solid #bbb; padding:5px 6px; text-align:center; color:#aaa; outline:none; font-family: arial,sans-serif,verdana,helvetica; font-size: 13px; font-weight: bold; text-shadow:1px 1px 1px white; }
#articles-column .tabs li a.selected { font-weight:bold; padding:5px 5px; text-align:center; color:#555; background-color:white; text-decoration:none; }
#articles-column .tabs li a:hover,
#articles-column .tabs li a.selected:hover { text-decoration:none; color:#555; }

#articles-column .tabs li.first a { width:100px; border-left:1px solid #bbb; border-right:1px solid #d6d6d6;
   -moz-border-radius:10px 0 0 0;
   -webkit-border-radius:10px 0 0 0;
   border-radius:10px 0 0 0;
}

#articles-column .tabs li a { width:60px; border-left:1px solid #eee; border-right:1px solid #d6d6d6; }

#articles-column .tabs li.last a { width:90px; border-left:1px solid #eee; border-right:1px solid #bbb;
   -moz-border-radius:0 10px 0 0;
   -webkit-border-radius:0 10px 0 0;
   border-radius:0 10px 0 0;
}

/*
#articles-column #nav-news a { width:100px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;
   -moz-border-radius:10px 0 0 0;
   -webkit-border-radius:10px 0 0 0;
   border-radius:10px 0 0 0;
}
#articles-column #nav-press a { width:60px; border-left:1px solid #eee; border-right:1px solid #d6d6d6; }
#articles-column #nav-case a { width:90px; border-left:1px solid #eee; border-right:1px solid #d6d6d6;
   -moz-border-radius:0 10px 0 0;
   -webkit-border-radius:0 10px 0 0;
   border-radius:0 10px 0 0;
}
*/

#articles-column .tabs-contents { background:white; border:1px solid #d6d6d6; border-top:0; padding:15px; font-size:11px; min-height:550px; }
#articles-column .tabs-contents .title { margin-bottom:0; }
#articles-column .tabs-contents .summary { margin-bottom:1.5em; }
#articles-column .tabs-contents .bottom { margin-bottom:0; }

#articles-column .tabs {
/*   -moz-border-radius:10px 10px 0 0;
   -webkit-border-radius:10px 10px 0 0;
   border-radius:10px 10px 0 0;

   background-image:-moz-linear-gradient(center top , #f0f0f0, #bbbbbb);
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0f0f0),color-stop(1, #bbbbbb));
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#bbbbbb');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#bbbbbb')";*/

   background-color:white;
}

#articles-column .tabs li a {
   background-image:-moz-linear-gradient(center top , #f0f0f0, #bbbbbb);
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0f0f0),color-stop(1, #bbbbbb));
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#bbbbbb');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#bbbbbb')";
}

#articles-column .tabs li a.selected {
   background-image:-moz-linear-gradient(center top , white, #ddd);
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dddddd));
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
}

#articles-column .tabs-contents {
   -moz-border-radius:0 0 10px 10px;
   -webkit-border-radius:0 0 10px 10px;
   border-radius:0 0 10px 10px;
}

/* css3 stuff */
#content #contents #features-list h4,
#content #contents .form-fields h4 {
   background-image:-moz-linear-gradient(center top , white, #ccc);
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #cccccc));
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";
   text-shadow:1px 1px 1px white;
}

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

#share-overlay { background-color:#ddd; width:250px; padding:5px; display:none; position:absolute; top:0; left:0;
   -moz-box-shadow: 0px 0px 7px #666;
   -webkit-box-shadow: 0px 0px 7px #666;
   box-shadow: 0px 0px 7px #666;

   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
}

#share-overlay h4 { color: #555; font-size: 14px; font-weight: bold; margin:0; margin-top:2.5px; margin-bottom:2.5px; text-shadow:1px 1px 1px white; }
#share-overlay .share-overlay-content { background-color:white; padding:10px; }
#share-overlay .share-list { float:left; margin:0; padding:0; list-style:none; width:110px; margin-right:10px; }
#share-overlay .share-list li { list-style:none; margin-bottom:5px; }
#share-overlay .last,
#share-overlay .share-list li.last { margin-right:0; }
#share-overlay input[readonly] { width:180px; padding:5px; margin:0; font-size:10px; }
#share-overlay .share { margin-right:5px; }
#share-overlay .close { text-align:right; text-transform:uppercase; font-size:10px; margin-top:5px; }

.form-element { margin-bottom:1em; }
.form-element > label { float:left; width:150px; margin-right:10px; } 
.form-options { float:left; }
.form-submit { }