/* $Easynet: group/sw/peeringdb/lg/client/css/easynet-layout-styles.css,v 1.4 2010/06/01 15:38:29 chrisy Exp $
// Easynet Stylesheet adapted for Public Peering Information and Looking Glass pages
// (c) Easynet
*/

body {
background-color: #ccc;
color: #333;
font-family: Arial, Verdana, Helvetica, 'MS Sans Serif', sans-serif;
font-size: 11px;
line-height: 16px;
font-weight: normal;
margin:15px 5px 5px 5px;
}

.PageContainer 
{
	margin: 0 auto;
	padding:0 20px 0 20px;
	background: #fff url(http://www.easynet.com/i/layout/bg_top.gif) top no-repeat;
	width:720px;
	
}

.PageHeader {margin:0 0 12px 0;}
.PageHeader a {color:#666;}
.PageHeader a:hover {color:#942552;}

.PageHeader ul {padding:0; margin:0;}
ul.corpNav {padding:6px 0 0 0; margin:0; float:left;}
.langSelection {padding:4px 4px 2px 4px; margin:0;  text-align:right; color: #999; font-size: 10px;}
.langSelection p {padding:0; margin:0; color: #999; font-size: 10px;}
.langSelectionDDL {width:147px; color: #999999; font-size: 10px;}

.PageHeader li {display:inline; color:#942552;}

.banner{padding:0; border:0; height:183px; background:#942552;}

.PrimaryNav {width: 720px; height: 42px; background: #942552 url(http://www.easynet.com/i/layout/HeaderTab.gif) no-repeat;  padding:0; margin:0;}
.PrimaryNav p {float:left; display:block; padding:0; margin:0;}
.PrimaryNav p a {display:none;}
.PrimaryNav ul {float:right; padding:4px 0 0 0;}
.PrimaryNav li {font-weight: bold; font-size: 11px; text-transform: uppercase; padding:0 15px 0 0;}
.PrimaryNav li a {text-decoration: none; color: #edcdcd;}
.PrimaryNav li a:hover {text-decoration: none; color: #fff;}
.PrimaryNav li a:active {text-decoration: none; color: #fff;}
.PrimaryNav li a.selected {text-decoration: none; color: #fff;}
	
	
.secondaryNav {float:left; width:140px; margin: 0 24px 0 0; padding:0;}
.secondaryNav ul {padding:0 0 19px 0; margin: 0 0 18px 0; background: url(http://www.easynet.com/i/layout/nav_bottom.gif) bottom no-repeat;}
.secondaryNav li {padding:0; margin: 0; list-style:none; font-weight:bold; display:inline; }
.secondaryNav li a {background:#e1e1e2; display:block; padding:5px; color:#666; margin: 0 0 1px 0;}
.secondaryNav li a:hover {text-decoration:none; color: #333; background: #f1f1f1;}
.secondaryNav li.section a {background:#999 url(http://www.easynet.com/i/layout/nav_top.gif) top right no-repeat; padding: 4px 5px 4px 5px;
						  text-transform: uppercase; color:#fff; font-size:13px;}
.secondaryNav li.section a:hover {padding: 4px 5px 4px 5px;
						  text-transform: uppercase; color:#fff; font-size:13px;}
.secondaryNav li a.selected {color:#fff; background:#942552;}
.secondaryNav li a.selected:hover {color:#fff; background:#942552;}
.secondaryNav li.sub a {color:#942552; background:#f1d5e0 url(http://www.easynet.com/i/layout/sectionNavArrow.gif) 6px 5px no-repeat; padding: 5px 0 5px 20px;}
.secondaryNav li.sub a:hover {background:#f6e5ec url(http://www.easynet.com/i/layout/sectionNavArrow.gif) 6px 5px no-repeat; padding: 5px 0 5px 20px; }
.secondaryNav li.sub a.selected  {color:#fff; background:#da96b0 url(http://www.easynet.com/i/layout/sectionNavArrow.gif) 6px 5px no-repeat; padding: 5px 0 5px 20px;}
.secondaryNav li.sub a.selected:hover  {color:#fff;  background:#da96b0 url(http://www.easynet.com/i/layout/sectionNavArrow.gif) 6px 5px no-repeat; padding: 5px 0 5px 20px;}
	
.PageContentWrapper 
{
	margin:0;
	padding:0;
	/*width: 400px;*/
	float:left;
}
	
.PageContent .banner {height:auto; background:#fff;}

	.rightNav {float:right; width:140px; margin: 0 0 50px 10px; padding:0;}
	//.rightNav {float:right; width:140px; margin: 0 0 10px 10px; padding:0;}

	.quickFacts {padding: 0 0 18px 0; margin:0 0 18px 0; background: url(http://www.easynet.com/i/layout/rightnav_bottom.gif) right bottom no-repeat;}
	.quickFacts ul {padding:16px 0 0 0; margin:0; background: url(http://www.easynet.com/i/layout/rightnav_top.gif) right top no-repeat;}
	.quickFacts li {list-style:none; margin:0; padding:0; display:inline;}

	.quickFacts a {
	display: block;
	width:  134px;
	min-height:20px;
	background: #fff;
	border: 1px solid #cccccc;
	margin:2px 0 0 0;
	padding:0 0 0 4px;
	text-decoration: none;
	color:#aaa;
	font-weight: bold;
	line-height: 20px;
	overflow: hidden;
	}

	.quickFacts a:hover {
	color: #942552;
	background: #f1f1f1;
	}



.contactPuff {border:0; margin:10px 0 0 0;}



.CenterLeft .Puff, .CenterMiddle .Puff, .CenterRight .Puff
{
	background: #fff url(http://www.easynet.com/i/layout/CenterPuff.gif) no-repeat;
	padding: 0;
    width: 170px;
    border:0;
    height: 64px;
}
.CenterRight h4, .CenterMiddle h4, .CenterLeft h4  {display:none; float:left;}
.CenterLeft .Puff {margin: 0 0 20px 0; float:left;}
.CenterMiddle .Puff {margin: 0 10px 20px 10px; float:left;}
.CenterRight .Puff {margin: 0 10px 20px 0; float:right;}
/*.HomePage .Puff */
#homeBox2 .Puff
{
	background: #fff url(http://www.easynet.com/i/layout/HomePagePuff.gif) no-repeat;
	padding: 0;
    width: 231px;
    border:0;
    height: 77px;
    margin: 0 0 10px 0;
	float:left;
	display:block;
}
.Puff p {float:left; }
.CenterLeft .Puff p, .CenterMiddle .Puff p, .CenterRight .Puff p {width: 95px; margin: 4px 0 4px 4px;}
#homeBox2 .Puff p {width: 145px; margin: 0; }
.Puff a {float:left; line-height:14px;}
.Puff p a {color:#999; float:left;}
.Puff p a:hover {color:#942552;}

#homeBox2 .PuffImage {float:left; margin: 10px;}
.PuffImage, .CenterPuffLeft .PuffImg,  .CenterPuffRight .PuffImg {float:left; margin: 4px;}
.CenterPuffLeft a, .CenterPuffRight a {color:#999;}
.CenterPuffLeft strong, .CenterPuffRight strong {margin: 4px 0 0 0;}

#homeBox2 h4 {color: #942552; background:transparent; font-size: 12px; 
line-height: 16px; padding:9px 0 0 0; margin:0;}

.rotate {margin: 5px; background-color:#fff;}
#homeBox2 .rotate .PuffImage {float:left; margin: 5px 10px 5px 5px;}
#homeBox2 .rotate .h4 {padding:4px 0 0 0;}

/*#homeBox2 {}
#homeBox2 a {color:#666;}
#homeBox2 a:hover {color:#942552;}

.promoPanelTop {background: #fff url(http://www.easynet.com/http://www.easynet.com/i/homepage/homepage-box-top.gif) no-repeat; width: 231px;height: 5px; margin: 0; border:none; padding:0; overflow:hidden;}
.promoPanelMiddle { width: 216px; border-color: #ccc; border-style: solid; border-width:0 1px 0 1px; padding: 1px 3px 1px 10px; margin: 0; height:65px; overflow:hidden; }
.promoPanelBottom { background: #fff url(http://www.easynet.com/http://www.easynet.com/i/homepage/homepage-box-bottom.gif) left bottom no-repeat; width: 231px; height: 5px; margin: 0 0 11px 0; padding: 0; border:0; clear:left; line-height:0px; overflow:hidden;}
.PuffImage {float:left; margin: 4px 8px 0px 0px; } */

.CenterPuffLeft 
{
	background: #fff url(http://www.easynet.com/i/layout/CenterPuff.gif) no-repeat ;
    padding: 0;
    width: 170px;
    margin: 0 0 20px 0;
    border:0;
    height: 64px;
    float:left;
    }
    
.CenterPuffRight
{
	background: #fff url(http://www.easynet.com/i/layout/CenterPuff.gif) no-repeat ;
    padding: 0;
    width: 170px;
    margin: 0 10px 20px 0;
    border:0;
    height: 64px;
    float:right;
    }
    
    

.rhsPuff 
{
	background: #fff url(http://www.easynet.com/i/layout/rhsPuff.gif) no-repeat ;
    padding: 0;
    width: 140px;
    margin: 0 0 10px 0;
    border:0;
    height: 64px;
    font-weight:bold;
    }
    
.rhsPuff p, .CenterPuffLeft p, .CenterPuffRight p {padding:0; margin:0; line-height:14px;}
.CenterPuffLeft p, .CenterPuffRight p {padding:0 4px 0 0;}

.rhsPuff a /*, .CenterPuffLeft a, .CenterPuffRight a*/ {padding:4px 0 4px 4px; display:block; color:#999;}
.rhsPuff a:hover, .CenterPuffLeft a:hover, .CenterPuffRight a:hover {color:#942552;}
.rhsPuff img, .CenterPuffLeft img, .CenterPuffRight img {padding: 0;}
.rhsPuff img.PuffImg, .CenterPuffLeft img.PuffImg, .CenterPuffRight img.PuffImg {padding: 0 4px 0 0; vertical-align:text-top; float:left;}

.rhsPuffContact 
{
	background: #fff url(http://www.easynet.com/i/layout/rhsPuff.gif) no-repeat;
    padding: 0;
    width: 140px;
    margin: 0 0 10px 0;
    border:0;
    height: 64px;
    font-weight:bold;
}

.rhsPuffContact p {padding:0; margin:0;}

.rhsPuffContact a 
{
	font-size:9px;
	color:#999;
	margin:0;
	padding:8px 0 0 3px;
	line-height:12px;
	display:block;
}
.rhsPuffContact a strong 
{
	background:#942552;
	color:#fff;
	font-size:18px;
	text-align:center;
	display:block;
	padding: 5px 0 5px 0;
	margin:4px 1px 0 -2px;
	}

.rhsPuffContact a:hover {color:#942552;}






.rhsContactConnectButton 
{
	background: #fff url(http://www.easynet.com/i/layout/connact-rhs-button.gif) no-repeat;
    padding: 0;
    width: 140px;
    margin: 0 0 18px 0;
    border:0;
    height: 100px;
    font-weight:bold;
    }
.rhsContactConnectButton p {padding:0; margin:0;}

.rhsContactConnectButton a 
{
	font-size:9px;
	color:#666;
	margin:0;
	padding: 40px 50px 20px 10px;
	height: 40px;
	line-height:11px;
	display:block;
}  
.rhsContactConnectButton a:hover {color:#942552;}
    
.rhsContactConnectPuff {
	background: #fff url(http://www.easynet.com/i/layout/connact-rhs-puff.gif) no-repeat;
    padding: 0;
    width: 140px;
    margin: 8px 0 0 0;
    border:0;
    height: 64px;
    font-weight:bold;
}

.rhsContactConnectPuff p {padding:0; margin:0;}

.rhsContactConnectPuff a 
{
	font-size:9px;
	color:#999;
	margin:0;
	padding:8px 0 0 3px;
	line-height:12px;
	display:block;
}
.rhsContactConnectPuff a strong 
{
	background:#942552;
	color:#fff;
	font-size:18px;
	text-align:center;
	display:block;
	padding: 5px 0 5px 0;
	margin:4px 1px 0 -2px;
	}

.rhsContactConnectPuff a:hover {color:#942552;}


/****************/
/***  FOOTER  ***/

.footer {
background: url(http://www.easynet.com/i/layout/footer.gif) bottom no-repeat;
margin:5px -20px 0 -20px;
padding:10px 0 0 0;
border:0;
clear:both;
background-color: #fff;
}

.footer ul {padding:0 0 4px 0; margin:0 0 0 40px;}
.footer li {display:inline; color:#edcdcd;}
.footer a {color:#edcdcd;}
.footer a:hover {color:#fff; text-decoration:none;}

.footer .logo {float:right; margin:-60px 25px 0 20px; border:0;}

/***  FOOTER  ***/
/****************/


/****************/
/***  Quotes  ***/
blockquote {margin:25px; padding:0; background: transparent url(http://www.easynet.com/i/quotes/quoleft-en.png) left top no-repeat;} 
blockquote div {padding: 0 25px 0 25px; margin:0 0 10px 0; color:#999; background: transparent url(http://www.easynet.com/i/quotes/quoright-en.png) right bottom no-repeat;}
blockquote strong {margin: 0 0 0 25px; color:#666; padding:0; display:block;}


/***  fr  ***/
/*** DOES NOT WORK IN IE ***/
html:lang(fr) blockquote {background: transparent url(http://www.easynet.com/i/quotes/quoleft-fr.png) left top no-repeat;} 
html:lang(fr) blockquote div {background: transparent url(http://www.easynet.com/i/quotes/quoright-fr.png) right bottom no-repeat;}
blockquote.fr {background: transparent url(http://www.easynet.com/i/quotes/quoleft-fr.png) left top no-repeat;} 
blockquote.fr div {background: transparent url(http://www.easynet.com/i/quotes/quoright-fr.png) right bottom no-repeat;}

/***  Quotes  ***/
/****************/

/***********************/
/***  Partner Login  ***/

.partner-login {
    float:right; 
    width:140px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    background: url(http://www.easynet.com/i/layout/nav_bottom.gif) bottom no-repeat;}  

.partner-login dl 
{
	background:#eee;
	padding:5px;
	margin:0;
	border-bottom: 1px solid #fff;
	}

.partner-login dt, .partner-login dd {
	padding:0;
	margin:0;
	}
    
.partner-login label {
    font-weight: bold;  
    padding: 0px 5px 1px 0px;
    color:#666; 
    } 
     
.partner-login input { 
    margin: 0px 0px 3px 0px;
    font-size: 11px;
    border: 1px solid #666666; 
    }

    
.partner-login h4 {
	width:130px;
	background: #942552 url(http://www.easynet.com/i/layout/table_top_368.gif) top right no-repeat; 
	font-size: 12px; 
	color:#fff;
	display:block; 
	padding:2px 5px 4px 5px;
	height:16px;
	margin:0 0 1px 0;
    }  
     
.events {}
.events p {clear:both; padding: 0 0 0 50px;}
.events ul {clear:both; padding: 0 0 0 50px;}
.events strong {float:left;}
.events strong.date {margin:0 0 0 -50px; width:45px; display:block; float:left;}

.terms {clear:both; margin: 5px; height:50px; overflow:auto;  padding: 5px !important; background: #fff; border: 1px solid #999; font-size: .8em;}
.terms strong {font-size: 1.3em;}