/*
Author:		James Zambon
Date:		2009-03-15
______________________________________________________________________________________________   */

/*
______________________________________________________________________________________________  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;
}
#home #masthead {
	width: 960px;
	height:305px;
	margin: 0px;
	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 h3.product-resources, #home h3.customer-documentation, #home h3.free-voip-bandwidth-test
	{margin-bottom: 10px;}
/*
______________________________________________________________________________________________ Sub_content layout */
#sub_content {
	border-top: 1px solid #a8a89b;
	clear: both;
	background-color:#c9c9be;
	margin: -5px 0 -5px 0;
}
#sub_content div 
	{margin:0; width:210px; display:inline; float:left; padding:0 15px 25px;}
/*
______________________________________________________________________________________________ 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,
	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;
}

/*
__________________________________________________________________ 
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;
}
#sub_content_1, #sub_content_2, #sub_content_3, #sub_content_4 {
	margin-right:20px;
}
#content .more {
	float: right;
	clear: right;
	margin: 20px 15px;
}
	#content .more img {
		padding-bottom: 0px;
	}
.menu_1, .menu_2 {
	text-transform: uppercase;
	font-weight: bold;
}

.forbes {
	display: block;
	padding: 0px;
}
#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: 0 0 5px 0;
}
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.footprint #nav_column3, body.c2.lit-buildings #nav_column3 {display: none;}
.partner-login {display: none;}

/*
______________________________________________________________________________________________ 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  */

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

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







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




#unified, #demo, #tco-tool {float: left;display: inline; height:285px;}
#demo, #tco-tool {margin-left: 10px;}
#unified, #unified a {width: 460px;}
#demo, #demo a {width: 230px;}
#tco-tool, #tco-tool a {width: 230px;}




/*
______________________________________________________________________________________________ stuff in nav_column3 */
#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; }
#past-events h5, #related-docs h5, #new-to-cypress-connexion h5 { margin: 5px 0; padding: 0;}
#past-events img, #related-docs ul {margin: 0; padding: 5px 0 0 0; border-top: 1px solid #808080;}
#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;}



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

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

body#seminars form#seminar-form label {width: 200px; margin-right: 20px;}
body#seminars form#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: 1;}

.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;
} 

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


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


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

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