/* ============================================================= */
/* =================Stylesheet for ENGINUITI==================== */
/* =============Updated w/ new tab style 4-29-08================ */
/* =============Minor updates 8/21/08=========================== */
/* ============================================================= */

/* 3-columns: 256-15-256-15-256 */
/*            ----527----15-256 */


body {
margin: 0;
padding: 0;
text-align: center;
background-color: #fff;
}

:focus {
outline: 0;
}

p {
margin:0;
padding: 0 0 15px 0;
font-family: arial;
font-size: 12px;
line-height: 16px;
}

#mainwrap {
margin: 0 auto;
padding: 0;
width: 866px;
}

#topbanner { /*top section containing logo and navigation tabs*/
margin: 0 auto;
padding: 0;
height: 102px;
width: 866px;
background: url(images/bgtopmiddle.jpg) center top no-repeat;
border: 0;
}


#nav-new {
margin: 0 0 0 208px;
padding: 0;
height: 38px;
background-color: transparent;
border: 0;
}

/*==========TABBED NAVIGATION BAR==================================*/

#nav-padding {
height: 42px;
margin: 0;
padding: 0;
clear: both;
}

#tabs {
margin: 0;
padding: 0;
/*float:left;*/
background: transparent;
font-size: 11px !important;
line-height: 13px !important;
font-family: arial, sans-serif;
font-weight: bold;
height: 38px;
}

#tabs ul {
margin: 0;
padding: 0;
list-style: none;
}

#tabs li {
display: inline;
margin: 0;
padding: 0;
}

#tabs a {
float: left;
background: url("images/tab-left3.jpg") no-repeat left top;
margin: 0;
padding: 0 0 0 5px;
text-decoration: none !important;
background-position: 0% -38px;
cursor: pointer;
cursor: hand;
}

#tabs a span { /* text on tabs */
float: left;
display: block;
background: url("images/tab-right3.jpg") no-repeat right top;
padding: 7px 14px 5px 6px;
color: #ffffff;
background-position: 100% -38px;
cursor: pointer;
cursor: hand;
height: 26px; /*note: this equals height of tab minus top and bottom padding*/
text-decoration: none !important;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover {background-position:0% 0px; color:#657A34; text-decoration:underline !important; font-weight:bold !important;}
#tabs a:hover span {background-position:100% 0px; color:#657A34; text-decoration:underline !important; font-weight:bold !important;}

#tabs #current a {background:url("images/tab-left3-current.jpg") no-repeat left top; background-position:0% -38px; color: #657A34; text-decoration:none !important;}
#tabs #current a span {background: url("images/tab-right3-current.jpg") no-repeat right top; background-position:100% -38px; color: #657A34; text-decoration:none !important;}

/*=====================================*/

#middle {
margin: 0;
padding: 0;
width: 866px;
background: transparent url(images/bgcontent.jpg) center top repeat-y;
}

#contentwrap {
margin: 0 auto;
padding: 0;
width: 828px;
}

#content {
margin: 0;
padding: 0 9px 0 15px;
text-align: left;
font-family: arial;
font-size: 12px;
line-height: 16px;
}

#content a, a:visited {
color: #657A34;
text-decoration: none;
font-weight: bold;
}

#content a:active, a:hover {
color: #333C67;
text-decoration: underline;
font-weight: bold;
}

#left {
margin: 0 0 0 0;
padding: 0 0 10px 0;
float: left;
width: 527px;
}


/* ========BANNER BOXES==============================*/
#bannerbox { /*Contains the compass banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/compassbanner.jpg) left top no-repeat;
}

#managedbannerbox { /*Contains the managedservices banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/managedservicesbanner.jpg) left top no-repeat;
}

#voicebannerbox { /*Contains the voice services banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/voiceservicesbanner.jpg) left top no-repeat;
}

#networkbannerbox { /*Contains the network services banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/networkservicesbanner.jpg) left top no-repeat;
}

#aboutusbannerbox { /*Contains the about us banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/aboutusbanner.jpg) left top no-repeat;
}

#contactusbannerbox { /*Contains the contact us banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/contactusbanner.jpg) left top no-repeat;
}

#partnersbannerbox { /*Contains the partners banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/partnersbanner.jpg) left top no-repeat;
}

#whitepapersbannerbox { /*Contains the white papers banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/whitepapersbanner.jpg) left top no-repeat;
}

#hospitalitybannerbox { /*Contains the hospitality banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 244px;
border: 0;
background: url(images/hospitalitybanner2.jpg) left top no-repeat;
}

#newsbannerbox { /*Contains the news banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/newsbanner.jpg) left top no-repeat;
}

#unifiedbannerbox { /*Contains the news banner*/
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 527px;
height: 160px;
border: 0;
background: url(images/unifiedcommbanner.jpg) left top no-repeat;
}


/* ========/BANNER BOXES============================*/


#right {
margin: 0 0 0 0;
padding: 0;
float: right;
width: 256px;
}

#partnershead {
margin: 0;
padding: 0;
background: url(images/partnersimage.jpg) left top no-repeat;
width:240px;
height:97px;
}

hr {
margin: 10px 0;
padding:0;
border: none 0; 
border-top: 1px solid #fff;
border-bottom: 1px solid #90928D;;
width: 100%;
height: 2px;
}

/* ================OLD light green box on the upper right============ */
/*#rightboxtop {
margin: 0;
padding: 5px 0 0 8px;
height: 39px;
background: url(images/boxbgtop.jpg) left top no-repeat;
}

#rightboxmid {
margin: 0;
padding: 1px 22px 8px 12px;
background: url(images/boxbgmid.jpg) left top repeat-y;
}

#rightboxbot {
margin: 0;
padding: 0;
height: 9px;
background: url(images/boxbgbot.jpg) left top no-repeat;
}
*/

/* ====================RIGHTCOL NEW==================== */

#rightcol {
margin: 0;
padding: 0;
background: url(images/boxbgmid.jpg) left top repeat-y;
}

#rightcol-top {
margin: 0;
padding: 0;
background: url(images/boxbgtop.jpg) left top no-repeat;
}

#rightcol-bot {
margin: 0;
padding: 0;
height: 9px;
background: url(images/boxbgbot.jpg) left top no-repeat;
}

#rightcol-padding {
margin: 0;
padding: 15px 22px 15px 12px;
text-align: left;
}











/* ====================BLOCKS============================= */

#blockwrap {
margin: 0 0 0 0;
padding: 10px 0 10px 0;
}

#block1 {
margin: 0;
padding: 0;
width: 254px;
float: left;
background: url(images/block3-keyboard.jpg) left top no-repeat;
}

#block2 {
margin: 0;
padding: 0;
width: 254px;
float: left;
background: url(images/block3-phone.jpg) left top no-repeat;
}

#block3 {
margin: 0;
padding: 0;
width: 255px;
float: left;
background: url(images/block3-network.jpg) left top no-repeat;
}

.blockhead {
margin: 59px 0 0 0;
padding: 5px 0;
}

.blocktext {
margin: 53px 0 0 0;
padding: 0 10px 0 0;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}



/* ======================Footer=========================*/

#newfooterwrap {
margin:0;
padding:0;
/*background: url(images/bgfootertop.jpg) center top repeat-x;*/
text-align: center;
}

#footertop {
margin: 0 auto;
padding: 0;
width: 866px;
height: 13px;
font-size: 1px;
line-height:1px;
background: url(images/bgfootertopmid.jpg) center top no-repeat;
}

#footermiddle {
margin: 0 auto;
padding: 0;
width: 866px;
background: url(images/bgfootercontent.jpg) center top repeat-y;
}

#footerbottom {
margin: 0 auto;
padding: 0;
width: 866px;
height: 23px;
background: url(images/bgfooterbot.jpg) center top no-repeat;
}

.footercontent {
width: 780px;
margin: 0 auto;
padding: 0 0 8px 0;
font-family: arial;
color: black;
font-size: 11px;
line-height: 14px;
text-align: center;
color: #212950;
}

.footercontent a:link, a:visited {
color: #657A34;
text-decoration: none;
font-weight: bold;
}

.footercontent a:active, a:hover {
color: #333C67 !important;
text-decoration: underline !important;
font-weight: bold;
}








/* =============================================== */
/* ====================Headings=================== */
/* =============================================== */


/* all caps, 2-color heading. Use this on first word: <span style="color:#333C67;"> */
h1 { 
margin: 0 0 10px 0;
padding: 0;
font-family: arial;
font-size: 16px;
font-weight: bold;
line-height: 22px;
text-transform: uppercase;
color: #657A34;
letter-spacing: 1px;
}

h1 a:link, h1 a:visited { color: #657A34 !important; text-decoration: none !important; }
h1 a:hover { color: #657A34 !important; text-decoration: underline !important; }

#rightboxtop h1 { /* adjusts padding for headings in sidebar */
margin: 10px 0 0 0;
padding: 0;
font-family: arial;
font-size: 16px;
font-weight: bold;
line-height: 22px;
text-transform: uppercase;
color: #657A34;
letter-spacing: 1px;
}
#rightboxmid h1 { /* adjusts padding for headings in sidebar */
margin: 0 0 5px 0;
padding: 0;
font-family: arial;
font-size: 16px;
font-weight: bold;
line-height: 22px;
text-transform: uppercase;
color: #657A34;
letter-spacing: 1px;
}

/* =============================================== */

h2 {  /* blue uppercase */
margin:0 0 5px 0;
padding: 0;
font-family: arial;
font-size: 15px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
color: #333C67;
letter-spacing: 1px;
}

/* =============================================== */

h3 { /* green italic */
margin: 0 0 5px 0;
padding: 0;
font-family: arial;
font-size: 16px;
font-style: italic;
font-weight: bold;
line-height: 22px;
color: #657A34;
letter-spacing: 1px;
}

/* =============================================== */

.newsrelease h2 {  
margin: 12px 0;
padding: 0;
font-family: arial;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: none;
color: #333C67;
letter-spacing: 0px;
}

.newsrelease h3 { /* green italic */
margin: 0;
padding: 5px 0;
font-family: arial;
font-size: 14px;
font-style: italic;
font-weight: bold;
line-height: 22px;
color: #657A34;
letter-spacing: 0px;
}

/* =============================================== */

.newsdate {
margin: 10px 0;
padding: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}








/* =============================================== */
/* ===================Lists======================= */
/* =============================================== */

/* --------List 1 - sidebar list with little document bullets-------- */

.list1 {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 14px;
}

.list1 ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list1 li{
margin: 0;
padding: 4px 0 4px 18px;
background-image: url("images/docs-icon.gif");
background-repeat: no-repeat;
background-position: 0px 6px;
font-weight:normal !important;
list-style-type: none;
border-bottom: 1px solid #90928D;
}

.list1 a, a:visited {
color: #657A34;
text-decoration: none;
font-weight: bold;
}

.list1 a:active, a:hover {
color: #333C67;
text-decoration: underline;
font-weight: bold;
}


/* --------List 1b - sidebar list with arrow bullets-------- */

.list1b {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 14px;
}

.list1b ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list1b li{
margin: 0;
padding: 4px 0 4px 18px;
background-image: url("images/arrowbullet2.gif");
background-repeat: no-repeat;
background-position: 0px 6px;
font-weight:normal !important;
list-style-type: none;
border-bottom: 1px solid #90928D;
}

.list1b a, a:visited {
color: #657A34;
text-decoration: none;
font-weight: bold;
}

.list1b a:active, a:hover {
color: #333C67;
text-decoration: underline;
font-weight: bold;
}


/* --------List 2 - REGULAR DEFAULT LIST with arrow bullets-------- */

.list2 {
margin: 0 0 15px 0;
padding: 0 0 0 15px;
}

.list2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.list2 li{
margin: 0;
padding: 0 0 4px 18px;
font-weight:normal !important;
list-style-type: none;
background-image: url("images/arrowbullet2.gif");
background-repeat: no-repeat;
background-position: 0px 4px;
}

.list2 a, a:visited {
color: #657A34;
text-decoration: none;
font-weight: bold;
}

.list2 a:active, a:hover {
color: #333C67;
text-decoration: underline;
font-weight: bold;
}

/* different padding - network svs page */

.list2b {
margin: 0;
padding: 0 0 0 15px;
}

.list2b ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.list2b li{
margin: 0;
padding: 1px 0 1px 18px;
font-weight:normal !important;
list-style-type: none;
background-image: url("images/arrowbullet2.gif");
background-repeat: no-repeat;
background-position: 0px 4px;
}


/* ----------------------------- */

.list3 {
padding: 0 0 0 20px;
margin: 0;
list-style-type: disc;
text-align: left;
}

.list3 ul {
margin: 0;
padding: 0;
}

.list3 li {
margin: 0;
padding: 0;
}



/* --------White papers page - with little document bullets-------- */

.wplist {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 14px;
}

.wplist ul{
margin: 0;
padding:0;
list-style-type: none;
}

.wplist li{
margin: 0;
padding: 0 0 6px 20px;
background-image: url("images/docs-icon.gif");
background-repeat: no-repeat;
background-position: 0px 1px;
font-weight:normal !important;
list-style-type: none;
/*border-bottom: 1px solid #90928D;*/
}

.wplist a, a:visited {
color: #657A34;
text-decoration: none;
font-weight: bold;
}

.wplist a:active, a:hover {
color: #333C67;
text-decoration: underline;
font-weight: bold;
}


/* --------News page - with little document bullets-------- */

.newslist {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 14px;
}

.newslist ul {
margin: 0;
padding:0;
list-style-type: none;
}

.newslist li{
margin: 0;
padding: 0 0 6px 20px;
background-image: url("images/docs-icon.gif");
background-repeat: no-repeat;
background-position: 0px 1px;
font-weight:normal !important;
list-style-type: none;
/*border-bottom: 1px solid #90928D;*/
}

.newslist a, a:visited {
color: #657A34;
text-decoration: none;
font-weight: bold;
}

.newslist a:active, a:hover {
color: #333C67;
text-decoration: underline;
font-weight: bold;
}



/* ==========================tables=========================*/

table.blocks {
margin: 0;
padding: 0;
border-width: 0;
border-spacing: 0;
border-style: none;
border-collapse: collapse;
}

table.blocks td {
margin: 0;
padding: 0 !important;
border: 0;
}


/* ====================Shoretel microsite=========================*/


div#shoretelNav { 
margin:0 15px 0 0;
padding:0;
float: left; 
font-family: arial;
font-size: 11px; 
width: 170px;
}

div#shoretelNav ul { 
margin: 0;
padding:0;
list-style-type: none;
}

div#shoretelNav ul li { 
margin: 0;
padding: 4px 0 4px 18px;
background-image: url("images/arrowbullet2.gif");
background-repeat: no-repeat;
background-position: 0px 7px;
font-weight:normal !important;
list-style-type: none;
border-bottom: 1px solid #90928D;
}


div#shoretelContent { 
margin:0;
padding: 0 0 15px 15px;
float: left; 
font-family: arial;
font-size: 12px; 
width: 585px;
border-left: 1px solid #90928D;
}

div#shoretelContent .clear { clear: both;}

div#shoretelContent div.threeColumn { float: left; width: 33%;}

div#shoretelContent dt { font-size: 12px; font-weight: bold;}

div#shoretelContent dd p { font-size: 12px;}

div#shoretelContent h1 { 
margin: 0;
padding: 8px 0;
font-family: arial;
font-size: 20px;
font-weight: bold;
line-height: 30px;
color: #657A34;
letter-spacing: 1px;
}

div#shoretelContent h2 { 
margin: 10px 0 4px 0;
padding: 0;
font-family: arial;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
color: #333C67;
letter-spacing: 1px;
}

div#shoretelContent h3 { 
margin: 6px 0 4px 0;
padding: 0;
font-family: arial;
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #333C67;
letter-spacing: 1px;
}

div#shoretelContent p { font-size: 12px; margin: 6px 0;}

div#shoretelContent small { }

div#shoretelContent table { border: 1px solid; border-collapse: collapse; font-size: 12px; margin: 1em; width: 90%;}

div#shoretelContent th, div#shoretelContent td { border: 1px solid; margin: 0; padding: 0.25em;}

div#shoretelContent ul { 
margin: 0 0 15px 0;
padding: 0 0 0 15px;
list-style-type: none;
font-size: 12px;
}

div#shoretelContent ul li { 
margin: 0;
padding: 1px 0 1px 18px;
font-weight:normal !important;
list-style-type: none;
background-image: url("images/arrowbullet2.gif");
background-repeat: no-repeat;
background-position: 0px 4px;
}

div#shoretelContent img {
margin: 5px;
}



/*=======================FORM STYLES=================================*/

.form1 {
font-size: 10px;
background-color: #eeeeee;
border: 1px solid #666666;
margin: 2px;
padding: 1px;
}

.submitbutton {
font-size: 11px;
font-family: verdana;
font-weight: bold;
border: 1px solid #111111;
background-color: #cccccc;
padding: 2px;
margin: 2px;
}





/* ==========================VNAV-doc icon=====================*/

.vnav-doc {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
border-top: 1px solid #90928D;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
}

.vnav-doc ul {
padding: 0;
margin:0;
list-style-type: none;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
}

.vnav-doc li {
margin: 0;
padding: 0;
}

.vnav-doc li a {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #007996;
background: transparent url("images/docs-icon.gif") no-repeat 4px 4px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}

.vnav-doc li a:visited {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #007996;
background: transparent url("images/docs-icon.gif") no-repeat 4px 4px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}

.vnav-doc li a:hover {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #101278;
background: #DDE2C5 url("images/docs-icon.gif") no-repeat 4px 4px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}

.vnav-doc li a:active {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #101278;
background: #DDE2C5 url("images/docs-icon.gif") no-repeat 4px 4px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}



/* ==========================VNAV-arrow icon=====================*/

.vnav-arrow {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
border-top: 1px solid #90928D;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
}

.vnav-arrow ul {
padding: 0;
margin:0;
list-style-type: none;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
}

.vnav-arrow li {
margin: 0;
padding: 0;
}

.vnav-arrow li a {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #007996;
background: transparent url("images/arrowbullet2.gif") no-repeat 4px 5px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}

.vnav-arrow li a:visited {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #007996;
background: transparent url("images/arrowbullet2.gif") no-repeat 4px 5px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}

.vnav-arrow li a:hover {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #101278;
background: #DDE2C5 url("images/arrowbullet2.gif") no-repeat 4px 5px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}

.vnav-arrow li a:active {
margin: 0;
padding: 3px 0px 3px 22px;
display: block;
width: 200px;
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #101278;
background: #DDE2C5 url("images/arrowbullet2.gif") no-repeat 4px 5px;
border-bottom: 1px solid #90928D;
text-decoration: none;
}


/* ==========================end vnav=====================*/