/**
 * Copyright (c) 2007-2011, Kaazing Corporation. All rights reserved.
 */

body {background: url('../images/background.gif'); color: #666; font-size: 15px; font-family: Arial, Arial Narrow, Helvetica, sans-serif;}

#container {width: 968px;}
#left-tabs {width: 28px; position: relative; top: 32px;}
#left-tabs-top {width: 15px; height: 241px; background-image: url('../images/left-tab-top.png'); background-repeat: no-repeat;
}
#left-tabs-top ul {padding: 29px 0 0 3px;}
#left-tabs-top li {display: inline-block; margin-bottom: 29px;}
#left-tab-middle {position: relative; left: 12px;}

#nav-tabs {height: 42px; width: 930px; position: relative; background: url('../images/topwave.png') no-repeat;}
#nav-tabs ul {padding: 6px 0 0 12px;}
#nav-tabs li {display: inline; margin-right: 3px;}
#nav-tabs span {color: #9cb3c5;}

#rightside {width: 264px; background: #d6d6d6;}
#logo {position: relative; right: 17px; top: 5px;}
#content {width: 930px; position: relative; top: 10px; background: #ffffff; }
#content #contentwrapper {width: 930px;}
#content #rightbar {width: 265px; background: #d6d6d6; text-align: center; padding-top: 10px;}
#contentwrapper #topcap {width: 930px; height: 11px; margin:0px; padding:0px; background: url('../images/main-topcap-wide.gif') no-repeat; overflow:hidden; }
#contentwrapper #middle {width: 930px; height:auto; min-height:720px; margin:0px; padding:0px; background: url('../images/main-middle-wide.gif') repeat-y; padding-left: 10px; padding-right: 10px;}
#contentwrapper #bottomcap {width: 930px; height: 11px; margin:0px; padding:0px; background: url('../images/main-bottomcap-wide.gif') no-repeat; overflow:hidden; }
#content-frame {width: 720px; position: relative; top: 10px; overflow-x: hidden; overflow-y: hidden; }
#content-body {width: 720px; background: #ffffff; }
#demo-frame {width: 900px; height:640px; margin:0; padding:0; overflow-x: hidden; overflow-y: hidden; border:none; background-color:#ffffff; }
#footer {width: 930px; padding-left: 28px;}
#footer ul li {display: inline; margin-right: 2px;}
#footer ul, #footer span {margin-top: 18px; padding-bottom: 10px;}
#leftinner1 {width: 125px; padding: 20px 10px 10px 10px; text-align: right;}
#leftinner1 li {padding-bottom: 15px;}
#rightinner1 {width: 505px; border-left: solid 1px #e5e5e5; padding: 20px 10px 0px 20px; min-height:640px; }
#leftinner2 {width: 350px; padding: 0 10px 10px 20px;}
#rightinner2 {border-left: solid 1px #e5e5e5; padding: 0 10px 10px 10px;}
#leftinner3 {width: 400px; padding: 0 10px 10px 20px;}
#rightinner3 {border-left: solid 1px #e5e5e5; padding: 0 10px 10px 10px;}
#banner {position: relative; top: -6px; left: -4px;}
.subleft {width: 50%;}
.subright {width: 50%;}
#smbanner {position: relative; left: -4px;}
#breadcrumb {font-size: 12px; height: 16px; margin-bottom:12px; }
.quad {padding: 10px 10px 10px 0;}
#showthanks {display: none;}
#linksreal {display: none;}
#contactform fieldset {margin-bottom: 15px; display: inline-block;}
#contactform label {font-size: 12px; display: inline-block; line-height: 2.5; vertical-align: top; width: 120px;}
#contactform input {width: 260px;}
#contactform textarea {height: 200px; width: 259px; background: #e3e3e3; border: 0; margin: 2px 0 0 0px;}
#contactform #contactsubmit {width: 61px; height: 22px; border: solid 1px #ccc;}
#contactform p {display: inline;}
#rightinner3 strong {padding-top: 30px;}
.fullwidth {width: 620px; padding: 0 10px 10px 20px;}

.selectedBundle { font-weight:bold; }

/* PRINT */
h1 {font-size: 24px; color: #f27a31; padding-bottom: 10px; font-weight: bold;}
h2 {font-size: 12px; color: #3c708f; padding-top: 7px; padding-bottom: 5px; font-weight: bold;}
h3 {font-size: 11px; color: #3c708f; font-weight: bold;}
h4 {font-size: 14px; color: #3c708f; padding-left: 3px; padding-bottom: 7px; font-weight: bold;}
legend {font-size: 12px; color: #3c708f; padding-bottom: 7px; font-weight: bold;}
p.largerbody {font-size: 15px; color: #666; line-height: 18px; padding-bottom: 10px;}
p.smallerbody {font-size: 15px; color: #666; padding-bottom: 10px; line-height: 18px;}
.matrixtable {font-size: 15px; color: #666; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px; line-height: 18px;}
.contentlist li {font-size: 15px; color: #666; line-height: 18px; background: url('../images/orangearrow.gif') no-repeat 0 2px; padding-bottom: 10px; padding-left: 10px;}

p.smallerbody2 {font-size: 12px; color: #666; padding-bottom: 5px;}
p.smallerbody3 {font-size: 15px; color: #666; padding-bottom: 0px; line-height: 18px;}
p.footnotes {font-size: 11px; color: #666; padding-bottom: 10px; line-height: 15px;}

.demo-image { margin-right:12px;float:left; }
.demo-section { margin-left:6px;width:350px;float:left;vertical-align:top; }

#nav-tabs {color: #fff; font-weight: bold; font-size: 11px;}
#footer {color: #999; font-size: 10px;}
#chatigator, #chatigator-sm {font-size: 15px; color: #f27a31; font-weight: bold; line-height: 20px;}
#leftinner1 {font-size: 13px; color: #f27a31; font-weight: bold;}
#breadcrumb {color: #f27a31; font-weight: bold;}
#contactform span {color: #f27a31; font-weight: bold;}
#contactform #contactsubmit, #chatigator-submit {font-size: 9px; color: #666;}
.orange {color: #f27a31;}

a:link, a:visited, a:active {color: #464646; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}

#nav-tabs a:link, #nav-tabs a:visited, #nav-tabs a:active {color: #fff; text-decoration: none;}
#nav-tabs a:hover {color: #fff; text-decoration: none;}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color: #f27a31; font-weight: bold; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline; color: #f27a31;}

#footer a:link, #footer a:visited, #footer a:active {color: #3c708f; text-decoration: none;}
#footer a:hover {color: #3c708f; text-decoration: underline;}
#leftinner1 a:link, #leftinner1 a:active, #leftinner1 a:visited {color: #3c708f; font-weight: bold; font-size: 13px; text-decoration: none;}
#leftinner1 a:hover {color: #3c708f; text-decoration: underline;}

.smallerbody a:link, .smallerbody a:visited, .smallerbody a:active {color: #f27a31; text-decoration: none;}
.smallerbody a:hover {color: #f27a31; text-decoration: underline;}

.smallerbody2 a:link, .smallerbody2 a:visited, .smallerbody2 a:active {color: #f27a31; text-decoration: none;}
.smallerbody2 a:hover {color: #f27a31; text-decoration: underline;}

.smallerbody3 a:link, .smallerbody3 a:visited, .smallerbody3 a:active {color: #f27a31; text-decoration: none;}
.smallerbody3 a:hover {color: #f27a31; text-decoration: underline;}

a.demo-link {text-decoration: none; font-size: 12px; color: #3c708f; padding-top: 7px; padding-bottom: 5px; font-weight: bold; cursor:pointer;}
a.demo-link:hover {color: #f27a31; text-decoration: underline;}
span.demo-disabled-link {color: #f27a31;}

.contentlist a:link, .contentlist a:active, .contentlist a:visited {color: #f27a31; text-decoration: none;}
.contentlist a:hover {color: #f27a31; text-decoration: underline;}

.floatright {float: right;}
.floatleft {float: left;}
.clear {clear: both;}
.scoot {position: relative; left: 1px;}
.listline {border-top: solid 1px #e5e5e5;}
.somepadding {padding-top: 10px;}