﻿/* $Easynet: group/sw/peeringdb/lg/client/css/easynet.css,v 1.1 2010/02/03 21:17:45 chrisy Exp $
// Easynet Stylesheet adapted for Public Peering Information and Looking Glass pages
// (c) Easynet
*/

h2 /* Strap line */
{
font-size: 13px;
color: #942552;
background:transparent;
font-weight: bold;
line-height: 28px;
width:550px;
margin:0 0 0 153px;
padding: 5px 0 0 0;
float:left;
}

h3 /* Page Heading */
{
font-size: 16px;
color: #942552; /*/#999; */
background:transparent;
font-weight: bold; /*normal;*/
line-height: 20px;
margin: 0;
padding:8px 0 6px 0;
text-transform: uppercase;
}

/*h3 strong {font-weight: bold;}*/

h4 /* Sub Heading */
{
color: #969696;
background:transparent;
font-size: 14px;
line-height: 18px;
font-weight: bold;
padding:0;
margin:12px 0 8px 0;
}

h5 /* Secondray Sub Heading */
{
font-size: 12px;
font-weight: bold;
color:#333;
background:transparent;
padding:0;
margin:6px 0 8px 0;
}

p, tr, td, th{
color: #333;
font-size: 11px;
font-weight: normal;
line-height: 16px;
padding: 0 0 8px 0;
margin: 0;
background:transparent;
}

.plum {color: #942552;}

hr
{
	border: 0;
	color: #ccc;
	background-color:#ccc;
	height: 1px;
}

/* Link styles */

a {
color: #942552;
text-decoration: none;  
}

a:hover {
color: #942552; 
text-decoration: underline;  
}


a.external {
	padding-right:13px;
	background:url(http://www.easynet.com/i/exURL.gif) right 0 repeat-y;
}
a.external:visited:hover {background-position:right 100px; }
a.external:hover {background-position:right 200px; text-decoration:none; border-bottom:1px solid #942552; }

/*a[href^="http://www.easynet"], a[href^="http$.easynet.net$"] {
	padding-right:0;
	background:none;
}

/*
a[href$=".pdf"] {
background: url(pdf_icon.gif) no-repeat;
}
*/

/*h4 a {
	font-size: 14px;
	font-weight: bold;
	
	color: #942552;
	padding-right:12px;
	background: url(http://www.easynet.com/gr_misc/small_arrow_link.gif) right no-repeat; 
}
h4 a:hover {
	background: url(http://www.easynet.com/gr_misc/small_arrow_link_grey.gif) right no-repeat; 
}*/

ul, ol {
	padding:0;
	margin:5px 2px 8px 20px;
	}


	
li {
	font-weight: normal;
	list-style-image: url(http://www.easynet.com/i/layout/grey_arrow.gif);
	margin:0 0 5px 0;
	}
	
ol.abc li
	{
	list-style-image: none;
	list-style-type:lower-alpha;
	}
ol.roman li
	{
	list-style-image: none;
	list-style-type:lower-roman;
	}
	
ol ul li,
ol.abc ul li,
ol.roman ul li
	{
	list-style-image: url(http://www.easynet.com/i/layout/grey_arrow.gif);
	}	
	
ul.nobullet li {
	font-weight: normal;
	list-style:none;
	list-style-image: none;
	padding:0;
	}	
	
ul.bullet li {	 
	list-style-image: none;
	list-style-type: disc;
}

ul.docs {margin:0;}
ul.docs li {padding:0; margin:10px 0;
            list-style:none;
            background-repeat: no-repeat;
            vertical-align:middle;}
ul.docs li a {padding: 10px 0 10px 40px; display:block;}            
ul.docs li.word {background-image: url(http://www.easynet.com/i/icons/word.gif);}
ul.docs li.excel {background-image: url(http://www.easynet.com/i/icons/excel.gif);}


/* 2 column layout */
/* Left column */
.colLeft 
{
	width:175px;
	float:left;
	margin:0 10px 0 0;
	clear:both;
	}

/* Right column */
.colRight 
{
	width:175px;
	float:left;
	margin:0;
	}

.bSkyBContacts {clear:both;}
	
/* Paragraph Link styles */
p a.ParagraphLink   
{
	color:#999;
	padding-right:12px;
	
/*	color: #333;
	padding-right:12px;
	background: url(http://www.easynet.com/gr_misc/small_arrow_link.gif) right bottom no-repeat;*/
	display:block; 
	}

h5 a.ParagraphLink {
	color: #942552;	}
	
p a.ParagraphLink:hover    
{
/*	color: #333;
	text-decoration:none;
	padding-right:12px;
	background: url(http://www.easynet.com/gr_misc/small_arrow_link_grey.gif) right bottom no-repeat;
	display:block; */
	color:#942552;
	cursor:pointer;
	}

	
	
/* .press-releases temp style - design of this section need to be looked at */
.press-releases a, .press-cutting a {color:#666;}
.press-releases a:hover, .press-cutting a:hover {color:#942552;}



.table {width: 368px; color:#666; padding:0 0 8px 0;
background:url(http://www.easynet.com/i/layout/table_bottom_368.gif) bottom no-repeat; 
margin:5px 0 18px 0;
	}
.table h4 
{
	background: #942552 url(http://www.easynet.com/i/layout/table_top_368.gif) right top no-repeat; 
	font-size: 12px; 
	color:#fff;
	display:block; 
	padding:2px 5px;
	height:16px;
	margin:0 0 1px 0;
	}
	
.table ul {padding:0;margin:0;}

.table li 
{
	display:block; 
	padding:4px 5px;
	margin:0 0 1px 0;
	list-style-image:none;
	clear:both;
	}

.light 
{
	background:#eee;
	border-width: 1px 0;
	border-style: solid;
	border-color: #eee;
	}
	
.dark 
{
	background:#ddd;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
}

.table ul ul {padding:0; margin:0; display:inline;}
.table ul ul li {display:inline; padding:0; margin:0;}
.table ul ul li.email {width:200px; border:solid 1px blue; float:left;}
.table ul ul li.phone {border:solid 1px red; width:130px; float:left;}

.table table {margin:15px 0 0 0;}

.table th 
{
	background: #942552; 
	font-size: 12px; 
	font-weight:bold;
	color:#fff;
	padding:2px 5px;
	height:16px;
	margin:0 0 1px 0;
	text-align:left;
	}
	
.table th.corner 
{
	background: #942552 url(http://www.easynet.com/i/layout/table_top_368.gif) right top no-repeat; 
}

.table tr.light, .table tr.light td
{
	background:#eee;
	}
	
.table tr.dark, .table tr.dark td
{
	background:#ddd;
	}
	
.right {float:right;}

.left {float:left;}


.support, .image-grid, .career-search, .career-results,
.publications, .feedback, .partner, .mvmDemo
{
	width: 368px; 
	color:#666; 
	padding:0 0 8px 0;
	background:url(http://www.easynet.com/i/layout/table_bottom_368.gif) bottom no-repeat; 
	margin:5px 0 10px 0;
	}

.support h4, .image-grid h4, .career-search h4, .publications h4, 
.feedback h4, .partner h4, .plum-header, .mvmDemo h4
{
	background: #942552 url(http://www.easynet.com/i/layout/table_top_368.gif) no-repeat right top;
	font-size: 12px; 
	color:#fff;
	display:block; 
	padding:2px 5px;
	height:16px;
	margin:0 0 1px 0;
	}
	
.career-search h4 {height:8px;}

.feedback dl, .mvmDemo dl
{
	display:block; 
	padding:0;
	margin:0 0 1px 0;
	clear:both;
	}

.partner div {	border-top:1px solid transparent;} /* fix for bg color in ie*/
	
.partner dl
{
	display:block;
	padding:0;
	margin:0 0 1px 0;
	clear:both;
	}
.feedback dt,  .partner dt, .mvmDemo dt
{
	clear:both;
	}	
	
.feedback dt, .feedback dd, .partner dt, .partner dd
{
	width:172px;
	display:inline-block; 
	padding:4px 5px;
	margin:0;
	float:left;
	}

.mvmDemo dt
{
	width:120px;
	display:inline-block; 
	padding:4px 0 4px 5px;
	margin:0;
	float:left;
	}
	
.mvmDemo dd
{
	width:230px;
	display:inline-block; 
	padding:4px 0 4px 5px;
	margin:0;
	float:left;
	}

.feedback dd, .partner dd {width:170px; padding:4px 0 4px 5px ;}
 
.feedback dd.consent 
 {
    margin:4px 5px;
    clear:both;
    display:block;
    background:#fff;
    width:349px;
    font-family:Verdana, Arial, Sans-Serif;
	border: solid 1px #555;
	font-size:.9em;
	line-height:1.15em;
	padding:3px;
	height:50px;
	overflow:auto;
	}
  
.feedback p
 {margin:4px 5px;}
 
 .feedback div.dark, .feedback div.light, 
 .partner div.dark, .partner div.light, 
 .mvmDemo div.dark, .mvmDemo div.light
 {margin:0 0 1px 0;}
 
.mvmDemo .txt {width:220px;}
.mvmDemo p {padding:10px 10px 4px 5px; color:#666666;}
 
.feedback .text-right {padding:5px;}
 
 
 
.wrc dl
{
	display:block; 
	padding:0;
	margin:0;
	border-bottom:1px solid #fff;
	clear:both;
	}
	
dt.clear {padding:0;}

	
.wrc dt, .wrc dd
{
	display:inline-block; 
	padding:4px 5px;
	margin:0 0 1px 0;
	float:left;
	}

.wrc dt
{width:140px;}

.wrc dd
{width:200px;}


.support dl 
{
	display:block; 
	padding:0;
	margin:0;
	border-bottom:1px solid #fff;
	list-style-image:none;
	clear:both;
	
	}

.support dt
{
	display:block; 
	padding: 5px 4px 0 5px;
	margin:0 0 1px 0;
	list-style-image:none;
	clear:both;
	}
	
.support dt.clear {padding:0;}

.support dd
{
	display:inline-block; 
	padding:4px 5px;
	margin:0 0 1px 0;
	}
	
 .support dd.email {width:200px; float:left;}
 .support dd.phone {width:140px; float:left; text-align:right;}
 
 .image-grid div.image {padding:5px; margin:0 0 1px 0;}
 .image-grid div.image img {border:0; margin:0 5px 0 0; float:left; position:relative; }
 

.career-results ul {padding:9px 0 0 0; margin:0; background: url(http://www.easynet.com/i/layout/table_top_368.gif) no-repeat; }
.career-results ul li 
{
	display:block; 
	padding:4px 5px;
	margin:0 0 1px 0;
	list-style-image:none;
	clear:both;
	}
.career-search {background-color:#eee;}
	
.career-search .left, .career-search .right {width:174px; padding:5px; background:#eee; margin: 0;}
.career-search .text-right {width:95px; padding:5px 5px 5px 84px;}


/* buttons */

.btn-submit
{
	width:71px; height:16px; padding: 2px 20px 2px 4px;
	background: url(http://www.easynet.com/i/buttons/submit.gif) no-repeat;
	color:#fff;
	text-align:left; display:block;
	}

.btn-submit:hover
{
	width:71px; height:16px; padding: 2px 20px 2px 4px;
	background: url(http://www.easynet.com/i/buttons/submit.gif) 0 -20px no-repeat;
	color:#fff;
	text-align:left; display:block;
	text-decoration:none
	}

.btn-submit-125
{
	width:101px; height:16px; padding: 2px 20px 2px 4px;
	background: url(http://www.easynet.com/i/buttons/submit-125.gif) no-repeat;
	color:#fff;
	text-align:left; display:block;
	}

.btn-submit-125:hover
{
	width:101px; height:16px; padding: 2px 20px 2px 4px;
	background: url(http://www.easynet.com/i/buttons/submit-125.gif) 0 -20px no-repeat;
	color:#fff;
	text-align:left; display:block;
	text-decoration:none
	}
	
.btn-clear
{
	width:71px; height:16px; padding: 2px 20px 2px 4px;
	background: url(http://www.easynet.com/i/buttons/clear.gif) no-repeat;
	color:#fff;
	text-align:left; display:block;
	}

.btn-clear:hover
{
	width:71px; height:16px; padding: 2px 20px 2px 4px;
	background: url(http://www.easynet.com/i/buttons/clear.gif) 0 -20px no-repeat;
	color:#fff;
	text-align:left; display:block;
	text-decoration:none
	}

	
/* sets image border to 0 - removes auto border when link applyed */
img {border:0;}

/* hides page element  */
.hide {display:none;}

.clear {clear:both;}
.clearLeft {clear:left; height:0; overflow:hidden;}

/* table styles  */
 .tableTop 
{
	width: 368px;
//	display: block;
	height: 10px;
	background: #942552 url(http://www.easynet.com/i/layout/table_top_368.gif) no-repeat;
	color: #ffffff;
	font-weight: bold;
	margin:0;
	padding:0;
	}

.tableContent {width: 368px; margin:1px 0 1px 0; padding:0; background: #ddd;}
.table td {padding:3px;}
.table td .alt {padding:3px; background: #eee;}

.german-support h4 {padding-left: 207px;}
.german-support dl {display:block; padding:0; margin:0;	clear:both;}
.german-support dt {clear:both; width:192px; display:inline-block; padding:4px 5px; margin:0; float:left;}
.german-support dd {width:152px; display:inline-block; padding:4px 5px;	margin:0; float:left;}

 .tableBottom 
{
	width: 368px;
//	display: block;
	height: 10px;
	background: #fff url(http://www.easynet.com/i/layout/table_bottom_368.gif) no-repeat;
	margin:0;
	padding:0;
}





.txt
{
	font-family:Verdana, Arial, Sans-Serif;
	border: solid 1px #555;
	font-size:1em;
	width: 168px;
	padding:2px;
	
}
.txtLong
{
	font-family:Verdana, Arial, Sans-Serif;
	border: solid 1px #555;
	font-size:1em;
	width: 500px;
	padding:2px;
	
}
.txtMulti
{
	font-family:Verdana, Arial, Sans-Serif;
	border: solid 1px #555;
	height: 100px;
	font-size:1em;
	width: 728px;
	padding:2px;
}

.ddl
{
	font-family:Verdana, Arial, Sans-Serif;
	border: solid 1px #555;
	width: 170px;
	font-size:11px;
}

.partner-login .txt
{
	width: 125px;	
}


.legalSubFooter {font-size:10px; color:#666; text-align:center;width: 760px;
margin: auto; margin-top:10px;}


/* temp style for press release*/
.pr-table {}
.pr-table tr {text-align:center;}
.pr-table th {text-align:left; border-style:solid; border-color:#ccc; border-width:0 0 1px 0; padding:2px 3px;}
.pr-table td {border-style:solid; border-color:#ccc; border-width:0 0 1px 1px;  padding:2px 3px;}

.video-conferencing {margin:10px 0 18px 0;}
.video-conferencing-right {float:right; margin-left:10px;}
.h3plum {color:#942552; font-weight:normal;}
.h3plum strong {font-weight:bolder;}

.responsibility_home {float:left; margin-right: 9px;}
.responsibility_minibanner {margin:10px 0 18px 0;}

.error {color: Red;}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(http://www.easynet.com/i/layout/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:450px;
	height:500px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding: 30px 55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(http://www.easynet.com/i/layout/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
} 
div.overlay h3 {text-align: left; font-size:18px}

.conactpopup {font-size:12px;}

.conactpopup p {font-size:12px;}
.conactpopup dl {clear:left; margin:0; padding:0 5px 3px 0; font-weight:bold;}
.conactpopup dt {margin-right:5px; padding:0; width:400px;}
.conactpopup dd {margin:0; min-height:20px; padding:0; margin: 2px 0 3px 0;}
.conactpopup .txt {width: 442px; font-size:12px; padding: 3px; max-width: 442px; max-height: 60px; } 
.conactpopup .ddl {width: 442px; font-size:12px; padding: 2px 3px; max-width: 442px; max-height: 60px; }

.conactpopup .button 
{
    background-image:url(http://www.easynet.com/i/buttons/conactpopup_button_100px.gif);
color:#FFFFFF;
text-decoration:none;
display:block;
text-align:center;
height:26px;
font-weight: bold;
font-size:  14px;
padding:0;
text-align:center;
width:100px;
padding:9px 0 0;
margin: 0 0;}

.conactpopup .button:hover {background-position: 0 -35px; color:#FFFFFF;text-decoration:none;}




.ip-contribution-banner,
.gartner-banner,
.maa-banner,
.mvm-banner,
.etherstream-banner,
.hosting-banner {padding: 0; width: 720px; height: 183px; overflow: hidden; background-color: #fff;}

.ip-contribution-banner h3,
.gartner-banner h3,
.maa-banner h3,
.mvm-banner h3,
.etherstream-banner h3,
.hosting-banner h3 {color: #fff; font-size: 28px; text-transform: uppercase; font-weight:normal; 
                padding: 50px 20px 15px 35px; margin: 0px;}

.ip-contribution-banner p,
.gartner-banner p,
.maa-banner p,
.mvm-banner p,
.etherstream-banner p,
.hosting-banner p {color: #fff; font-size: 16px; line-height: 24px; font-weight:normal;
               padding: 0 0 0 35px; float:left; width: 460px; display:block;}
               
.ip-contribution-banner p.button,
.gartner-banner p.button,
.maa-banner p.button,
.mvm-banner p.button,
.etherstream-banner p.button,
.hosting-banner p.button {float:left; display:block; width: 200px; padding:0 0 0 20px; margin: -14px 0 0 0;}

.ip-contribution-banner p.button a,
.gartner-banner p.button a,
.maa-banner p.button a,
.mvm-banner p.button a,
.etherstream-banner p.button a,
.hosting-banner p.button a {
            background-image:url(http://www.easynet.com/i/splash/buttons.png);
            _background-image:url(http://www.easynet.com/i/splash/buttons.gif);
            color:#FFFFFF;
            display:block;
            text-indent: -9999px;
            height:34px;
            padding:0;
            text-align:center;
            text-decoration:none;
            width:170px;
            background-position: 0 0;}

.ip-contribution-banner p.button a:hover,
.gartner-banner p.button a:hover,
.maa-banner p.button a:hover,
.mvm-banner p.button a:hover,
.etherstream-banner p.button a:hover,
.hosting-banner p.button a:hover {background-position: 0 -34px;}

.maa-banner {background: #fff url(http://www.easynet.com/i/banners/maa-banner.gif) no-repeat;}
.mvm-banner {background: #fff url(http://www.easynet.com/i/banners/mvm-banner.gif) no-repeat;}
.etherstream-banner {background: #fff url(http://www.easynet.com/i/banners/etherstream-banner.gif) no-repeat;}
.hosting-banner {background: #fff url(http://www.easynet.com/i/banners/hosting-banner.gif) no-repeat;}
.ip-contribution-banner {background: #fff url(http://www.easynet.com/i/banners/ip-contribution-banner.jpg) no-repeat;}
.gartner-banner {background: #fff url(http://www.easynet.com/i/banners/gartner-banner.jpg) no-repeat;}
