html
{
height: 100%;
}

A:link
{ color: #0000ff; }

A:visited 
{ color: #00557E; }

A:active
{ color: #7c7c7c; }

A:hover 
{ color: #7c7c7c; }

#doctitle {
	width: 100%;
	text-align: center;
	clear: both;
	margin-bottom: 10px;
	}

.title { text-align: center; font-size: large; font-weight: bold; margin: 0 0 0 0; }

.subtitle { text-align: center; font-size: small; font-weight: normal; margin: 0 0 10px 0; }

.docdate { text-align: center; font-size: small; font-style: normal; }

body
{
	height: 100%;
	min-width: 1000px;
	color: #000000;
	font-family: arial;
	font-size: medium;
	margin: 0;
	padding: 0;
	background-color: #dbdbdb;
}

hr
{
color: #d8d8d8;
background: #d8d8d8;
border: 0;
height: 1px;
margin: 20px 0;
}

#footertack
{
position: relative;
min-height: 100%;
}

* html #footertack
{
height: 100%;
}

.alignflowright
{
direction: rtl;
text-align: right;
}

.flowleft
{
direction: ltr;
}

.hiddendropbox
{
display: none;
}

.hiddenlinetext
{
display: none;
clear: none;
}

.unhiddendropbox
{
display: block;
margin: 0 auto;
background-color: #f8f8f8;
padding: 1em;
}

.unhiddenlinetext
{
display: inline-block;
margin: 1em;
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 1em;
}

#consched h2
{
font-size: 120%;
text-align: center;
}

#consched table
{
width: 100%;
padding: 4px;
}

#consched table tr td
{
border: 1px solid #dedede !important;
background-color: #f8f8f8 !important;
padding: 4px;
}

#consched th
{
border: 1px solid #dedede !important;
background-color: #699db5 !important;
}

.formpage
{
background-color: #ffffff;
padding: 5px 0 10px 15px;
}

#consupernav
{
border-bottom: 1px solid #699db5;
padding-top: .1em;
padding-bottom: .1em;
margin: 0;
color: #ffffff;
font-weight: bold;
text-align: right;
background-image: url(/images/gradsuper.jpg);
background-position: top left;
background-repeat: repeat-x;
}

#consupernav span
{
margin: 0;
font-size: 85%;
}

#consupernav a
{
color: #00557e;
text-decoration: none;
font-weight: bold;
}

#consupernav form a
{
color: #00557e;
text-decoration: none;
font-weight: bold;
}

#consupernav a:link
{
color: #00557e;
text-decoration: none;
font-weight: bold;
}

#consupernav a:visited
{
color: #00557e;
text-decoration: none;
font-weight: bold;
}

#conheadwrap
{
height: 100px;
min-height: 100px;
clear: both;
background-image: url(/images/header-background.png);
background-position: top right;
background-repeat: repeat-x;
background-color: #dbdbdb;
}

#conheadwrap .logo
{
}

#conheadwrap .sublinks
{
}

#conglobalnav
{
background-image: url(/images/gradnavbt.jpg);
background-position: bottom left;
background-repeat: repeat-x;
border-bottom: 1px solid #699db5;
}

#conglobalnav ul
		{	
			clear: both;
			vertical-align: middle;
			min-width: 900px;
			padding: .25em 0 .3em 0;
			list-style-type: none;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 0;
			color: #0000ff;
			font-size: .85em;
			font-weight: bold;
			background-image: url(/images/gradnavbt.jpg);
			background-position: bottom left;
			background-repeat: repeat-x;
		}
		
		#conglobalnav ul li
		{
			padding: .2em 0 .2em 0;
			list-style-type: none;
			display: inline;
			text-align: center;
			vertical-align: middle;
			margin-left: auto;
			margin-right: auto;
		}

		#conglobalnav ul li a
		{
			font-size: 1.1em;
			letter-spacing: .04em;
			padding: .2em .6em .2em .6em;
			margin: 0;
			border-left: 1px solid #dedede;
			border-right: 1px solid #dedede;
			color: #0000ff;
			text-align: center;
			text-decoration: none;
		}

		#conglobalnav ul li a:hover
		{
			background-color: #dbdbdb;
			color: #ffffff;
		}

		#conglobalnav ul li a.firstset
		{
			background-color: #02567f;
			color: #ffffff;
		}

		#conglobalnav ul li a.firstset:hover
		{
			background-color: #dbdbdb;
			color: #ffffff;
		}

		#conglobalnav ul li a.set
		{
			background-color: #02567f;
			color: #ffffff;
		}

		#conglobalnav ul li a.set:hover
		{
			background-color: #dbdbdb;
			color: #ffffff;
		}

#confocusgrad
{
width: 100%;
clear: both;
height: 15px;
margin: 0 0 .4em 0;
border: 0;
background-color: #dbdbdb;
background-image: url(/images/gradfocus.jpg);
background-position: top right;
background-repeat: repeat-x;
}

#conleftnav
{
position: absolute;
top: 13.15em;
left: 15px;
width: 200px;
padding: 10px 10px 10px 10px;
margin: 0 0 45px 0;
border: 1px solid #699db5;
background-color: #ffffff;
height: auto;
}

#conleftnav a.tile-udrp
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-udrp.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-aoc-reviews
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-aoc-reviews.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-root-dnssec
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-root-dnssec.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-new-gtlds
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-new-gtlds.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-public-comment
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-public-comment.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-dashboard
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-dashboard.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-udrp:hover
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-udrp-roll.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-aoc-reviews:hover
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-aoc-reviews-roll.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-root-dnssec:hover
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-root-dnssec-roll.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-new-gtlds:hover
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-new-gtlds-roll.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-public-comment:hover
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-public-comment-roll.png) 0 0 no-repeat;
padding: 0;
}

#conleftnav a.tile-dashboard:hover
{
display: block;
width: 153px;
height: 69px;
margin: 0 auto .5em auto;
background: url(/images/tile-dashboard-roll.png) 0 0 no-repeat;
padding: 0;
}

#connoleftnav
{
position: absolute;
top: 182px;
left: 0px;
width: 0px;
border: 0;
height: 100%;
min-height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: auto;
}

p.leftnavhead
{
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
}

p.leftnavhead a
{
font-size: 1.0em;
font-weight: bold;
text-decoration: none;
}

p.leftnavitem
{
font-size: 1.0em;
border-bottom: 1px solid #dedede;
padding-bottom: 5px;
margin: 0 0 5px 0;
}

p.leftnavitem a
{
font-weight: bold;
text-decoration: none;
}

#leftsubnav
{
margin-left: 10px;
}

#confocus
{
height: 100%;
min-height: 95em;
padding: 15px 15px 15px 15px;
margin: 0 15px 15px 252px;
_margin: -15px 15px 15px 252px;
border: 1px solid #699db5;
background-color: #ffffff;
}

#confocusnoline
{
height: 100%;
min-height: 65em;
margin: 0 15px 15px 252px;
_margin: -15px 15px 15px 252px;
background-color: #dbdbdb;
}

#confocusnoline A:link
{ color: #0000ff; text-decoration: underline; }

#confocusnoline A:visited 
{ color: #00557E; text-decoration: underline; }

#confocusnoline A:active
{ color: #7c7c7c; text-decoration: underline; }

#confocusnoline A:hover
{ color: #7c7c7c; text-decoration: underline; }

#confocusfull
{
height: 100%;
min-height: 700px;
padding: 15px 15px 15px 15px;
margin: .5em 15px 15px 15px;
border: 1px solid #dedede;
background-color: #ffffff;
}

#news2
{
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 10px;
}

/* START MASTER TABLE STYLE */

table.convey 
{
border: 1px solid #d8d8d8;
border-collapse: collapse;
}

table.convey td
{
border: 1px solid #d8d8d8;
padding: .5em;
}

table.convey .alternatingrow
{
background-color: #f8f8f8;
}

table.convey .headrow
{
background-color: #d8d8d8;
}

table.convey .darkest
{
background-color: #d8d8d8;
}

table.convey .dark
{
background-color: #dedede;
}

table.convey .medium
{
background-color: #efefef;
}

table.convey .light
{
background-color: #f8f8f8;
}

table.convey .lightest
{
background-color: #ffffff;
}

/* FINISH MASTER TABLE STYLE */

.box
{
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 10px;
}

.menu
{
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 10px;
text-align: center;
}

.menu a
{
color: #0000ff;
font-weight: bold;
}

.letter
{
width: 1em;
height: 1em;
padding: 1em;
background-color: #f8f8f8;
border: 1px solid #dedede;
font-size: large;
font-weight: bold;
text-align: center;
}

#rightpanel
{
float: right;
width: 287px;
padding: 0 0 0 0;
border: 0;
margin: 0 0 0 0;
}

.rightbox
{
float: left;
width: 265px;
padding: 10px;
border: 1px solid #699db5;
margin: 0 0 15px 0;
background-color: #ffffff;
background-image: url(/images/ffffff.gif);
background-position: top left;
background-repeat: repeat;
}

#confocusnoline .rightbox
{
background-color: #ffffff;
}

.isoright
{
clear: right;
float: right;
width: 278px;
padding: 10px;
border: 1px solid #dedede;
margin: 10px 0px 10px 15px;
background-color: #f8f8f8;
}

.gradtop
{
background-color: #ffffff;
border: 1px solid #699db5;
padding: 10px;
}

.landing
{
margin: 0 0 0 0;
}

.landing h3
{
margin-bottom: 0;
}

.landing p
{
margin-top: 0;
}

.landing li
{
margin-bottom: 10px;
}

.landing a
{
font-weight: bold;
}

#confooter
{
width: 100%;
/*height: 26em;*/
/*max-height: 26em;*/
padding: 0 0 0 0;
position: relative; 
clear: both;
margin-top: 0;
border-top: 1px solid #699db5;
border-bottom: 1px solid #f0f8ff;
background: #f0f8ff;
}

#confooter A:link
{
color: #0000ff;
text-decoration: underline;
font-size: 100%;
}

#confooter A:visited
{
color: #0000ff;
text-decoration: underline;
font-size: 100%;
}

.copytext
{
font-size: .8em;
text-align: center;
color: #00364d;
font-size: x-small;
}

p, blockquote, div, form, span {
	font-size: small;
}

p.leftnavhead
{
border-bottom: 1px solid #dedede;
margin: 0 10px 10px 0;
padding-bottom: 5px;
font-weight: bold;
text-decoration: none;
}

#sitemap table
{
background-color: #f8f8f8;
border: 1px solid #ffffff;
margin: 0 0 10px 0;
}

#sitemap tr td
{
vertical-align: top;
text-align: center;
border: 1px solid #ffffff;
padding: 5px;
font-size: 100%;
}

#sitemap p
{
vertical-align: top;
text-align: center;
border: 0;
font-size: 85%;
}

tr.topback
{
	background-color: #dedede;
}

tr.altback
{
	background-color: #f8f8f8;
}

td, ul, li {
	font-size: small;
}

td.caltitle {
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
}

td.preshead
{
text-align: center;
font-weight: bold;
}

td.presdata
{
text-align: left;
font-weight: normal;
font-size: 100%;
}

td.presfile
{
text-align: center;
font-weight: normal;
}

td.prestype
{
font-weight: normal;
text-align: left;
font-size: 100%;
}

SPAN.prestype
{
font-weight: normal;
text-align: center;
font-size: 100%;
}

td.presmeta
{
text-align: left;
font-size: 85%;
}

SPAN.presmeta
{
text-align: left;
font-size: 85%;
}

.white { color: #FFFFFF; }
.red { color: #FF0000; }
.mag { color: #FF00CC; }

.deleted { color: #FF0000; text-decoration: line-through; }
.added { color: #FF00CC; text-decoration: underline; }

.keys {  font-family: monospace}

/*** Summary box -- color set in style tag when called */
#summary { border: 1px solid #000000; padding: 4px; margin-bottom: 6px; }

/*** Alpha box -- color set in style tag when called */
#alpha { border: 1px solid #000000; padding: 4px; text-align: center; }

/*** Call-out box -- color and float (right or left) set when called */
div.callout { display: none; } 

.sub { font-weight: bold; text-align: center; margin: 2px;}
.sub2 { font-weight: bold; font-style: italic; text-align: center; margin: 2px; }

tr.forum { background: #ccffff; }

tr.topnav { background: #ccffff; }

td.menlist { background: #dedede; padding: 4px;}
td.menspace { background: #dedede; }

td.morelist { background: #dedede; padding: 2px; text-align: right; }

td.genlist { background: #ccccff; padding: 3px;}
td.genspace { background: #ccccff; }

td.menback { background: #ccffff; padding: 4px; }

td.rmenback { background: #00557E; padding: 4px; }

td.ttitle { font-weight: bold; background: #FFFFCC; }
tr.alt { background: #CCCCFF; }

.due { font-size: 7pt; }

td.pad { padding-right: 20px; }

a.news { color: #0000ff; font-weight: bold; font-size: small; }
a.news:hover { color: #7c7c7c; }

/* Browse, Resource, Forum, and Supporting Org menu links */
a.menu { color: #0000ff; font-weight: bold; font-size: 9pt; }
a.menu:hover { color: #7c7c7c; }

/* More links */
a.more { color: #FF0000; font-weight: bold; font-size: 9pt; text-align: right; }
a.more:hover { color: #7c7c7c; }

/* Press Corner and FAQ menu links */
a.smenu { color: #0000ff; font-weight: bold; font-size: smaller;}
a.smenu:hover { color: #7c7c7c; }

/* Top Navigation Bar Links (ie: Site Map) */
a.tmenu { color: #0000ff; font-weight: bold; text-decoration: none; font-size: small;}
a.tmenu:hover { color: #7c7c7c; font-weight: bold; text-decoration: none;}

/* Green Archive Link (ie: New and Noteworthy Archives) */
a.amenu { color: #0000ff; font-weight: bold; font-size: small; }
a.amenu:hover { color: #7c7c7c; }

/* Drill-down links */
a.drill { color: #0000ff; font-weight: bold; font-size: small; }
a.drill:hover { color: #7c7c7c; }

/* Drill-down arrows/text */
.drilltext { color: #000000; font-weight: bold; font-size: small; }

.datetext { color: #000000; font-weight: bold; font-size: medium; }

.headtext { color: #000000; font-weight: bold; font-size: medium; }

a.listsm {color: #00557E; font-weight: bold; }
a.listsm:hover { color: #7c7c7c; }

/*** >> White Text (ie: Navigate in the top nav bar) */
.wmenu { color: #0000ff; font-weight: bold; margin-left: 10px;} 

/*** >> Light Blue Text (ie: Site Search) */
.stext { color: #ccffff; font-weight: bold; font-size: small; text-align: right;}

/*** >> Blue Text (ie: New and Noteworthy and "Hot topics") */
.bmenu {color: #0000ff; font-weight: bold; font-size: medium; }

.iconbox
{
margin: 0 0 5px 0;
width: 16px;
height: 8px;
border: 1px solid #0000ff;
padding: 0px 2px 0px 2px;
vertical-align: middle;
font-size: 85%;
background-color:#CCFF66;
}

.minitext { font-size: 85%; }

.sttitle {
    font-weight: bold;
    color: #00364D;
}

.sttitle2 {
    color: #00364D;
}

a.press {
	color: #FFFFFF; 
	font-weight: bold; 
}

a.press:hover {
	color: #CCCCFF;
}

a.faq {
    color: #FFFFFF;
    font-weight: bold;
}

a.faq:hover {
    color: #dedede;
}

div.greybox
{
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 5px 10px 5px 10px;
}

table.greybox
{
width: 100%;
background-color: #ffffff;
border: 1px solid #dedede;
margin: 0 0 10px 0;
}

tr.greybox
{
border: 0px solid #ffffff;
padding: 0px;
}

td.greybox
{
vertical-align: top;
text-align: center;
border: 1px solid #dedede;
padding: 5px;
font-size: 100%;
}

table.process
{
width: 100%;
background-color: #f8f8f8;
border: 1px solid #000000;
margin: 0 0 10px 0;
text-align: center;
}

td.durationstart
{
vertical-align: top;
text-align: center;
font-weight: bold;
border: 1px solid #000000;
padding: 5px;
font-size: 100%;
background-color: #787878;
color: #ffffff;
}

td.duration
{
vertical-align: top;
text-align: center;
border: 1px solid #000000;
padding: 5px;
font-size: 100%;
background-color: #bcbcbc;
}

td.poltitle
{
vertical-align: top;
text-align: left;
font-weight: bold;
border: 1px solid #000000;
padding: 5px;
font-size: 100%;
background-color: #787878;
color: #ffffff;
}

/* START TRANSLATION BOXES */

table.translation
{
border: 1px solid #dedede;
margin: 0px 0px 10px 10px;
float: right;
clear: both;
background-image: url(/images/ffffff.gif);
background-position: top left;
background-repeat: repeat;
}

table.translationlarge
{
border: 1px solid #dedede;
margin: 0px 0px 10px 10px;
float: right;
clear: both;
background-image: url(/images/ffffff.gif);
background-position: top left;
background-repeat: repeat;
}

table.translationlarge td
{
background-color: #ffffff;
}

table.translationlarge td.translationno
{
vertical-align: top;
text-align: center;
border: 1px solid #ffffff;
padding: 2px 6px 2px 6px;
background-color: #ffffff;
color: #dedede;
}

table.translationlarge td.translationselect
{
vertical-align: top;
text-align: center;
background-color: #fd928e !important;
border: 1px solid #dedede;
padding: 2px 6px 2px 6px;
font-weight: bold;
}

table.translationlarge td.translationyes
{
vertical-align: top;
text-align: center;
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 2px 6px 2px 6px;
}

table.translationlarge A:link
{ text-decoration: none; color: #0000ff; }

table.translationlarge A:visited 
{ text-decoration: none; color: #0000ff; }

table.translationlarge A:active
{ text-decoration:underline; color: #7c7c7c; }

table.translationlarge A:hover
{ text-decoration:underline; color: #7c7c7c; }

@font-face {
	font-family: 'sinhala';
	src: url('/style/sinhala-webfont.eot');
	src: local('?'), url('/style/sinhala-webfont.woff') format('woff'), url('/style/sinhala-webfont.ttf') format('truetype'), url('/style/sinhala-webfont.svg#webfont30D0yCA8') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sinhala {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'sinhala', sans-serif;
}

/* FINISH TRANSLATION BOXES */

td.stepstart
{
vertical-align: top;
text-align: center;
font-weight: bold;
border: 1px solid #000000;
padding: 5px;
font-size: 100%;
background-color: #787878;
color: #ffffff;
}

td.stepstatusoff
{
vertical-align: top;
text-align: center;
border: 1px solid #000000;
padding: 5px;
font-size: 100%;
}

td.stepstatuson
{
vertical-align: top;
text-align: center;
font-weight: bold;
border: 1px solid #0000ff;
padding: 5px;
font-size: 100%;
background-color:#FFFF66;
}

H1 { font-size: large; text-align: left; }
H1.maintitle { color: #33669c; padding-top: 10px; }
H1.newtitle { padding-top: 0; }

#subs { padding: 4px; width: 45%; border-style: solid; border-width: thin; border-color: #000000; }

/* ----------------------------- Processes Timeline ---------------------------- */

.timeline-default {
    
    font-size: 8pt;
    border: 1px solid #aaaaaa;
}

/* ----------------------------- Processes Timeline Path ---------------------------- */

#path {
    color: #333;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dedede;
    padding: 2px 8px 2px 4px;
    margin: 0px;
}

#path li {
    display: inline;
    padding-left: 13px;
    padding-right: 3px;
}

#path span {
    font-weight: bold;
}

/* ----------------------------- Processes Timeline Body ---------------------------- */

#body .steps li {
    padding: 5px;
}

#body .note {
    margin: 3px;
    padding: 3px;
    border: 1px solid #dedede;
    background-color: #f8f8f8;
}

#body .note:before {
    content: "Note: ";
    font-weight: bold;
}

#body .figure {
    text-align: center;
}

#body .figure img {
    border: 1px solid #dedede;
}

#body .notice {
    margin: 15px;
    padding: 5px;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
}

#body .notice:before {
    content: "Notice: ";
    font-weight: bold;
}

#body p.important { 
	margin: 40px 0px 40px 0px; 
	text-align: center; 
	font-size: 130%; 
	font-weight: bold; 
}

#body #slideshow {
    border: 1px solid #dedede;
    background-position: top left;
    background-repeat: repeat-x;
    margin-left: 30px;
    margin-right: 250px;
    height: 14em;
}

#body #slideshow .item {
    display: none;
    margin: 10px;
}

#body #slideshow .item .icon {
    margin: 10px;
    float: right;
}

#body #slideshow .item .title {
    margin: 10px;
    font-size: 300%;
    font-weight: bold;
    font-family: "verdana", "helvetica", "arial", sans-serif;
}

#body #slideshow .item .description {
    margin: 10px;
    font-size: 130%;
    height: 8em;
}

#body #slideshow .item .logo img {
    border: 1px solid #dedede;
}

<!-------------------- Public comment page ------------------>

.moreinfo {
color: #FFFFFF
}