/*______________________________________________________________________________________________  Fix the layout for our purposes */
.container, #header {
	width: 960px;
	margin:0 auto;
	padding: 0;
	background-color: #fff;
}
#header a img#logo {
	width: 140px;
	height:100px;
	margin-left: 410px;
}
.main {
	margin-left: 0;
	margin-right: 0;
}
/*
______________________________________________________________________________________________  Now for the layout CSS */

body {
	background: #afafa1 url('/images/bg-grad.png') repeat-x fixed top left;
}
#header {
	height:100px;
	background: url('/images/header.jpg') no-repeat;
}
#head_nav {
	margin-left: 0;
	z-index:100;
}
#home #masthead {
	width: 960px;
	height:305px;
	margin: 0;
	padding: 0;
	border-width: 0;
}
#footer {
	clear:both;
	padding:12px 0;
	width:960px;
	margin:0 auto;
	border-top: 5px solid #23408a;
	background-color: #afafa1;
}
/*
______________________________________________________________________________________________ Content section layout for the homepage ONLY */
#content div 
	{width:320px;}
#home #content 
	{background:url('/images/content_bgd.jpg') repeat;width:960px}
#home #content_1, #content_2, #content_3 
	{float: left; display: inline; width:320px;}
#home .product-resources, #home .customer-documentation, #home .free-voip-bandwidth-test
	{margin-bottom: 10px;}
/*
______________________________________________________________________________________________ Sub_content layout */
/* these are the new additions by Javier Vilchis 2011 */
#sub_content {
	border-top: 1px solid #a8a89b;
	width: 960px;
	clear: both;
	margin: -5px 0 -5px 0;
	background:#616159 url('/images/footer/footer-top.jpg') repeat-x top;
}
#sub_content_1, #sub_content_2, #sub_content_3, #sub_content_4, #sub_content_5, #sub_content_6 {
	margin: 0; width: 124px; display:inline; float:left; padding:20px 10px 10px;/*margin-right:12px;  	margin-right:20px; */}
	#sub_content_1
	{padding-left: 15px; } /* #sub_content div {margin:0; width:210px; display:inline; float:left; padding:0 15px 25px; }*/
	#sub_content_2
	{  }
	#sub_content_3
	{  }
	#sub_content_4
	{  }
	#sub_content_5
	{  }
	#sub_content_6
	{width:209px; }
#sub_content div a{color:#f4f4f4; text-decoration:none;}
#sub_content div a:hover, a:active {text-decoration:underline;}
#sub_content div p {color:#f4f4f4; font-size:11px;}
#sub_content div p span.numbers {float:right;}
/*
______________________________________________________________________________________________ Tertiary column setups */
#masthead /* NOT the home page */ {
	width:690px;
	float: left;
	display: inline;
	margin: 20px 20px 20px 10px;
	border-bottom: 2px solid #4d4d4d;
}
#masthead p {
	background-color: #fff;
	color: #333;
	height: 110px;
}
#masthead img {
	float: left;
	display: inline;
}
#nav_column1 {
	width: 230px;
	margin: 20px 10px 0 0;
	m/argin: 20px 10px -10000px 0;
	p/adding-bottom: 10020px;
	float: left;
	display:inline;
	background-color: #dcdcd6;
}
#main {
	width: 460px;
	margin: 0 10px 0 10px;
	m/argin: 0 10px -10000px 10px;
	p/adding-bottom: 10020px;
	float: left;
	display:inline;
	padding-bottom: 50px;
}
	#contact-us #main,
	#partners #main, 
	#portal #main, 
	#sitemap #main, 
	#tariffs #main,
	#privacy-policy #main,
	#thanks #main,
	#terms-and-conditions #main,
	#acceptable-use-policy #main,
	#copyright #main,
	#webinars #main,
	#performance #main,
	#ucaas-report #main,
	#ilta10 #main,
	body[class|="page"] #main { /* fix the layout for pages with short or no content in nav_column1 */
		margin-left: 250px;
	}
#nav_column3 {
	width:210px;
	margin: 0 20px 0 10px;
	m/argin: 0 20px -10000px 10px;
	float: left;
	display:inline;
}
#nav_column3 img {
	margin:0 0 5px 0;
}
#wrap {
	overflow: hidden;
	background:transparent url(/images/bgd.png);
}
#home #wrap {background: none;}
/*
______________________________________________________________________________________________ Other layout */

/*
______________________________________________________________________________________________  Header Styling
this is how the elements are positioned in the header */

#header a {
	color:#fff;
	text-decoration:none;
	font-size: 10px;
}
.menu_1 {
	position:absolute;
	bottom:10px;
	left:10px;
}
.menu_1 li {
	margin: 0; 
	padding: 0;
}
.menu_2 {
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
}
#phone-number{
	float:right; width:205px; height:15px; font-size:25px; padding-top:32px; font-weight:bold;
}
/*
__________________________________________________________________Header type styles */

#header {
	color:#fff;
	position:relative;
}
#header p {
	color:#ccc;
	width:300px;
	margin:25px 0 0 10px;
	position: absolute;
	top:0;
	left:0;
}
#header ul {
	margin:0;
}
#header li {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #23408a;
}
/*
__________________________________________________________________replacements for home page columns */

#content_1 h2 {
	width: 320px;
	padding-top: 42px;
	text-indent: -9999px;
	height: 0;
	background: url('/images/home/research_h2.jpg') no-repeat;
}
#content_2 h2 {
	width: 320px;
	padding-top: 42px;
	text-indent: -9999px;
	height: 0;
	background: url('/images/home/resources_h2.jpg') no-repeat;
}
#content_3 h2 {
	width: 320px;
	padding-top: 42px;
	text-indent: -9999px;
	height: 0;
	background: url('/images/home/news-ariticles-events_h2.jpg') no-repeat;
}

/*
______________________________________________________________________________________________ Special Type styles */

#content h3 {
	margin-bottom: 0;
}
#content img {
	padding-bottom: 1em;
}

#content .more {
	float: right;
	clear: right;
	margin: 20px 15px;
}
	#content .more img {
		padding-bottom: 0;
	}
.menu_1, .menu_2 {
	text-transform: uppercase;
	font-weight: bold;
}

.forbes {
	display: block;
	padding: 0;
}
#nav_3 ul {
	margin-top: -1em;
}
.rss-link, .partner-login, .email-this-link {
	display: none; /* hide this bc it's not ready yet */
} 
#masthead .bailout-initiative {
	width:610px;
	height:265px;
	padding: 10px;
	margin: 10px 0 10px 10px;
	background-color: #808080;
	float: left;
	display: inline;
}
#masthead .unified-expert img {
	float: left;
	display: inline;
	width: 300px;
	padding: 10px;
	padding-left: 0;
	margin: 10px;
	margin-left: 0;
	background-color: #808080;
}
#main p img {
	float: left;
	margin: 5px 15px 5px 0;
}
#main p img.flush-right {
	float: right;
	margin: 5px 0 5px 15px;
}
#main p img.bdr {
	border: solid 1px #999;
}
a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
		clear:both;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
clear: both;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
.error {color: #D32320;}

body[class~="warren"] #nav_columnn3,
body.offices #nav_column3, body.footprint #nav_column3, body.c2.lit-buildings #nav_column3 {display: none;}
.partner-login {display: none;}

.more::after{
	content:" »";
}


/*
______________________________________________________________________________________________ special stuff for the seminar section */
body.051909 #nav_2 .events {font-weight: bold; border-color: #fff;}

div.bio-capsule img.headshot {float: left;clear: left; margin:5px 10px 0 0;}
div.bio-capsule p {margin-left: 70px;}
div.bio-capsule p em {display: block;}
div.bio-capsule p img {display: block;}
#main div.bio-capsule {width: 220px;float: left;}
div.bio-capsule * {font-size: 10px;}
#nav_column3 .bio-capsule {margin-top: 20px; clear: both;}
#nav_column3 div.bio-capsule img.logo, #main div.bio-capsule img.logo {margin: 5px 0 15px;}

#seminars #main .notices h1 { float:left; clear: left; display: block; width: 90px;}
#seminars #main .notices div {margin-left: 90px;}
#seminars #main .hostedby {margin-right: 50px;}

#seminars label {width: 220px; display: inline; float: left; margin-top: 10px;}
#seminars label.pad {margin-left: 20px;}
#seminars label.submit {margin-left: 86%;}
#seminars input[type="text"] {width: 205px;}
#seminars textarea {width: 460px;}
#seminars label.fix {display: block; width: 460px;}
#seminars #nav_column3 h1 {margin: 20px 0 15px;}

#seminars #main div.by {margin: 5px 0 0;}
#seminars #main div.by img, #seminars #nav_column3 div.by img {margin: 15px 0 0; }
#seminars #nav_column3 div.hosted {margin-top: 15px;}
#seminars #main div.hosted {width: 100px; float: left; display: inline; clear: left; }
#seminars #main div.sponsored {width: 185px; float: right; clear: right; }






/*
______________________________________________________________________________________________ Easier awards thumbs  */

#news.awards .thumbnail {
	float: left;
	width: 140px;
	margin: 0 10px 20px 0;
	font-size: 11px;
	padding: 0px
}

#news.awards .clearboth { clear: both; }


/*
______________________________________________________________________________________________ Network  */

.managed-footprint #nav_column3 {top:191px; position:relative;}
.managed-footprint #main { /*background: url('/images/network/bg-offices.png') no-repeat 0 10px; min-height: 300px; height: auto!important; height: 300px; */ }
.managed-footprint #main ul { float: left; width: 115px; margin-right: 10px; margin-top: 0px; vertical-align:top;  margin-bottom: 0;}
.managed-footprint #main ul li, tr, td {vertical-align:top;}




/*
______________________________________________________________________________________________ company/careers/job-opportunities  */

.job-opportunities #main h2 {text-transform: capitalize; font-weight:normal; font-size:18px; border-top: 1px dotted #afafa1; padding-top:.75em; }
.job-opportunities #main .more {}




/*
______________________________________________________________________________________________ stuff in nav_column1 beneath nav_2 */
#TwitterBadge, #nav_column1 img.award-logo {margin: 10px;}



/*
______________________________________________________________________________________________ home masthead */
#unified, #demo, #gartner-tco-tool, #ucaas {float: left;display: inline; height:285px;}
#demo, #gartner-tco-tool, #ucaas {margin-left: 6px;} /* original: margin-left:10px; */
#unified, #unified a {width: 230px;}
#demo, #demo a, #ucaas, #ucaas a {width: 230px;}
#gartner-tco-tool, #gartner-tco-tool a {width: 230px;}
#gartner-tco-tool img.gartner {margin-bottom: 5px;}



/*
______________________________________________________________________________________________ stuff in nav_column3 */
#communities, #past-events, #related-docs, #new-to-cypress-connexion {width: 210px; margin: 0 0 10px 0; padding: 0; border-top: 2px solid #333; border-bottom: 2px solid #333; }
#communities h5, #past-events h5, #related-docs h5, #new-to-cypress-connexion h5 { margin: 5px 0; padding: 0;}
#communities img, #past-events img, #related-docs ul {margin: 0; padding: 5px 0 0 0; border-top: 1px solid #808080;}
#communities a, #past-events a, #related-docs a, #new-to-cypress-connexion a {margin: 0; padding: 0;}

#related-docs ul {padding-left:1em;}
#related-docs li {margin: 0 0 5px 10px; padding:0;}

#new-to-cypress-connexion ul {margin: 0; padding: 0;}
#new-to-cypress-connexion li {margin: 0; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #808080;}

span.random-qt {display: none;}

/*
______________________________________________________________________________________________This is only for the seminars page - 051909 */
#seminars #nav_column3 {display: none;}
#seminars.051909 div#main {width: 690px;}
#seminars #main span.close {float: right; font-size: 18px; line-height: 20px; margin-right: 4px;}
	#seminars.051909 #main span.close a:link, #seminars.051909 #main span.close a:visited {
		color: #fff; text-decoration: none;}

#seminars #main #formWrap h2 {
	width: 100%; 
	height: 20px; 
	margin-top: 0;
	line-height: 20px; 
	padding: 0; 
	color: #fff; 
	background-color: #666;
	text-indent: 10px;
}

#seminars #seminar-form label {width: 200px; margin-right: 20px;}
#seminars #seminar-form input[type='text'] {width: 200px;}



/*
______________________________________________________________________________________________Additional misc. formatting */

.resource-center #main p img {float: none;}

#home #masthead {margin: 10px 10px -10px 10px; }

#nav_1 li ul, #nav_1 li.sfhover ul {z-index: 999;}

.left {float: left; display: inline;}
.right {float: right; display: inline;}
.left, .right {font-size: 10px; padding: 0;}

#formWrap {
	padding: 100px 0;
	width: 690px;
	height: 530px;
	background:url('/images/seminars/051909/unifiedvideoplayer-formbg.png') top left no-repeat;
}
#movie051909, #flash-preview {
	padding: 0 0 100px;
}
#formWrap #inner {
	border: 1px solid #999;
	background-color: #fff;
	overflow: auto; 
	width: 460px;
	margin: 0 auto;
	clear: both;
}

#formWrap #inner p, 
#formWrap #inner form {
	padding: 5px 10px;
} 

#ilta09 #main {margin-left: 250px; width:390px;}


.solutions-h5 {
	border-bottom: 1px solid #808080;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.did-you-know, .premier-event {padding:20px; background:#F0F0E6 url('/images/bottom-glow.png') repeat-x scroll bottom; border:1px solid #DCDCD6;}

.premier-event {margin-bottom: 1em;}

.asterisk {
	color: #C3211F;
}
.error {
	display: block;
}

#masthead img.gartner-banner {margin-top: 60px;} /*______Temp for in-page banner ad */

span.hideme { unicode-bidi:bidi-override; direction: rtl; } /*______obfuscate email addresses */


/*
______________________________________________________________________________________________eNewsletter Formatting. */

.enews-landing-summary {
	border-top: 1px solid #cacaca;
	margin-top: 15px;
}
.enews-article-summary {
	border-bottom: 1px solid #cacaca;
	overflow: hidden;
	padding-bottom: 10px;
	margin-top: 5px;
}
.enews-article-summary h2 {
	font-weight: normal;
	text-transform: none;
}
.article-nav {
	border-top: 1px solid #cacaca;
}
.next-article {
	float: right;
}
body#news div.caption {
	float: left;
	width:210px;
	font-size: 10px;
	margin-right: 15px;
}
.enewsletter-h1 {
	text-transform: none;
	/*color: #233f8a;*/
	color: #666666;
	letter-spacing: normal;
	font-weight: normal;
	font-size: 1.5em;
}