#pageheader { background: url(/images/header/bk.png) repeat-x darkblue; color: white; height: 90px; }
#pageheader A { color: #ffb; }
#pageheader .Logo { background: url(/images/header/logo.png); position: absolute; top: 0; left: 20px;  width: 390px; height: 90px; }
#topnavigation { color: black; position: absolute; top: 65px; right: 10px; z-index: 10; }
#sidebar { float: left; width: 220px; background-color: #a7a9ac;  height: 27px; margin-right: 10px; border-right: 1px solid black; }
#sidebar .IconHyperLink { padding-left: 5px; margin-top: 4px; }
#sidebar .IconHyperLink A { font-size: 11px; color: #fff; line-height: 18px; } 

#UserInfo {position:absolute; top: 20px; right: 10px;}

#topnavigation A { color: black; text-decoration: none; font-weight: 600; font-size: 12px;}
#topnavigation A:hover { color: #666; text-decoration: underline; }
#topnavigation .Tab IMG { position: relative; top: 3px; }
#topnavigation .Tab { width: 110px; height: 25px; background: url(/images/header/tab_bk.png); float: right; line-height: 23px; text-align: center; margin-right: 3px; }
#topnavigation .WideTab { width: 160px; }
#topnavigation .Tab .Left { float: left; width: 8px; height: 25px; background: url(/images/header/tab_left.png); }
#topnavigation .Tab .Right{ float: right; width: 8px; height: 25px; background: url(/images/header/tab_right.png); }
#topnavigation .Tab .ActiveTab { background: url(/images/header/tab_active_bk.png); height: 25px; }
#topnavigation .Tab .ActiveTab .Left { background: url(/images/header/tab_active_left.png); }
#topnavigation .Tab .ActiveTab .Right{ background: url(/images/header/tab_active_right.png); }

#pagecontents #PageNavigation { padding: 10px; border-right: 1px solid black; background-color: #e8e8e8; width: 200px; }
#pagecontents { border-collapse: collapse;  width: 100%; }
#pagecontents TD { padding: 0px; }
#pagecontents .Body { padding: 10px; }

#AreaNavigation { background-color: #a7a9ac; padding-top: 5px; padding-left: 10px; height: 25px; }
#AreaNavigation A { color: black; text-decoration: none; font-size: 11px;}
#AreaNavigation A:hover { color: #666; text-decoration: underline; }
#AreaNavigation .Tab IMG { position: relative; top: 3px; }
#AreaNavigation .Tab { width: 120px; height: 25px; background: url(/images/body/tab_bk.png); float: left; line-height: 23px; text-align: center; margin-right: 3px; }
#AreaNavigation .Tab .Left { padding-left: 8px; height: 25px; background: url(/images/body/tab_left.png) no-repeat left; }
#AreaNavigation .Tab .Right{ padding-right: 8px; height: 25px; background: url(/images/body/tab_right.png) no-repeat right; }
#AreaNavigation .Tab .ActiveTab { background: url(/images/body/tab_active_bk.png); height: 25px; }
#AreaNavigation .Tab .ActiveTab .Left { background: url(/images/body/tab_active_left.png) no-repeat left; }
#AreaNavigation .Tab .ActiveTab .Right{ background: url(/images/body/tab_active_right.png) no-repeat right; }
#AreaNavigation .Clear { display: none; }

.StatusLabel { position: relative; background-color: #f2f2f2; border: 1px solid #e4e4e4; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
.StatusLabel .Icon { position: relative; top: -5px; float: left; padding-right: 14px; }
.StatusLabel .Text { margin-top: 8px; margin-bottom: 6px; text-align: left; }
.StatusLabel .TextInformation { color: black; }
.StatusLabel .TextWarning { color: black;  }
.StatusLabel .TextError { color: black;  }

.ProgressInfo { border-width: 0px; padding-bottom: 5px; border-style: solid; }
.ProgressInfo .ButtonRetry span, .ProgressInfo .ButtonCancel span { font-size: 12px; border-bottom: 0px }
.ProgressInfo .ButtonRetry, .ProgressInfo .ButtonCancel { border-bottom: 0px }
.ProgressBar { padding-top: 2px; font-size: 10px; }
.ProgressBarLabel { padding-left: 5px; font-size: 10px; }

.UnderTab { background: url(/images/body/undertab_row.png) repeat-x top white; padding-bottom: 5px; padding-left: 10px; height: 25px; aborder-top: 1px solid #e8e8e8; }
.UnderTab A { color: black; text-decoration: none; font-size: 11px;}
.UnderTab A:hover { color: #666; text-decoration: underline; }
.UnderTab .Tab IMG { position: relative; top: 3px; }
.UnderTab .Tab { height: 25px; background: url(/images/body/undertab_bk.png); float: left; line-height: 23px; text-align: center; margin-right: 3px; }
.UnderTab .Tab .Left { padding-left: 8px; height: 25px; background: url(/images/body/undertab_left.png) no-repeat left; }
.UnderTab .Tab .Right{ padding-right: 8px; height: 25px; background: url(/images/body/undertab_right.png) no-repeat right; }
.UnderTab .ActiveTab { background: url(/images/body/undertab_active_bk.png); height: 25px; }
.UnderTab .ActiveTab .Left { background: url(/images/body/undertab_active_left.png) no-repeat left; }
.UnderTab .ActiveTab .Right{ background: url(/images/body/undertab_active_right.png) no-repeat right; }

.Bold { font-weight: bold; }
.Bold A { color: #000090; }
A { color: blue; }
UL { padding-left: 15px; }
BODY ,TD  { font-size: 13px; font-weight: normal; font-family: Verdana; }
BODY { margin: 0; background-color: white; }

.InfoPane { border-right: 1px solid #e0ffe0; }

H1.Heading { display: none; background: #e8e8e8; padding: 2px 16px 2px 16px; font-size: 20px; border-bottom: 1px solid #bbb; clear: both; margin-top: 0; margin-bottom: 10px;}
H2 { margin-top: 20px; margin-bottom: 8px;}
H2, .Heading { display: block; padding: 5px 16px 5px 16px; clear: both; font-size: 15px; color: white; border-bottom: 1px solid #e8e8e8;  font-weight: bold; background: #034ea2 url(/images/contentarea/tr_header.png) no-repeat top right; }

#HostBilling .PaymentDue {
	color: red;
	font-weight: bold;
}

.PackageOperationStatus {
	margin-bottom: 5px;
}

.GameKeyTable .Consumed {
	background-color: #CCCCFF !important;
}

.GameKeyTable .GameKeyPairKey {
	font-weight: normal;
	color: green;
}

.GameKeyTable .GameKeyPairValue {
	font-weight: normal;
}

.DataTable TH.Right { background-image: url(/images/contentarea/tr_header.png);
	background-repeat: no-repeat;
	background-position: top right; }

.Padding8px { padding: 8px; }

H1 .Anchors { float:right; font-size: 12px; padding-right: 10px; padding-top: 10px;  }
H1 .Anchors A { text-decoration: none; }


.IconHyperLink .Small { background-repeat: no-repeat; padding-left: 20px; background-position: 0px 4px; padding-bottom: 3px; padding-top: 2px; }
.IconHyperLink .Large { background-repeat: no-repeat; padding-left: 40px; background-position: 0px 4px; padding-bottom: 3px; padding-top: 2px; min-height: 38px; _height: 38px;  }


SPAN.IconHyperLink IMG { vertical-align: middle; }

.IconHyperLink .SmallRightHand A { font-size: 13px; }
.IconHyperLink .LargeRightHand A { font-size: 18px; line-height: 18px; }

.Description , 
	.IconHyperLink div.Description A { font-size: 12px; border-bottom: none; }
	.Description { padding-top: 4px; }

.ContextHyperLink A, A.ContextHyperLink { border-bottom: 2px solid #bce; }
.ContextHyperLink .Description A { border-bottom: none; font-size: 12px; }
.ContextHyperLink { padding: 1px 0; } 

.IconHyperLink { position:relative; margin: 0; }
.IconHyperLink .SmallLeftHand { position: relative; float:left; width: 19px; height: 22px; padding-bottom: 1px; }
.IconHyperLink .LargeLeftHand { position: relative; float:left; width: 37px; height: 38px;}
.IconHyperLink .LargeRightHand { position: relative; float:left; width: 370px; }

.IconHyperLink .SmallLeftHand img, .IconHyperLink .SmallLeftHand input { margin-top: 2px; }
.IconHyperLink .Clear { clear: both; }

#pagecontents .DataTable TD { padding: 4px; 
	border-top: 1px solid #e4e4e4; 
	font-size: 12px;
}

#pagecontents td P { padding 0; margin: 1em 0; font-size: 12px; }

#pagecontents .DataTable P { margin-top: 1em; margin-bottom: 1em; }

#pagecontents .DataTable TD TABLE TD { padding: none; border-top: none; }

#pagecontents .DataTable .AlternateRow, .AlternateRow
{
	background-color: #fbfbfb;
}
#pagecontents .DataTable .StandardRow, .StandardRow
{
	background-color: #f2f2f2;
}
.DataTable TH { background-color: #034ea2; padding: 7px; color: white;
	text-align: left;
}
.DataTable TH a { background-color: #034ea2; color: white;
	text-align: left;
}
.DataTable {	
border-bottom: 1px solid #a7a9ac;  width: 100%;
	border-collapse: collapse;
}

.EmptyRow {
	vertical-align: middle;
	height: 100px;
	text-align: center;
}

.SmallEmptyRow {
	vertical-align: middle;
	height: 50px;
	text-align: center;
}

.DataTable .Name {
color: #004;
	   font-weight: bold;
}

.BreadcrumbLine { 
background: #e8e8e8;
}

.BreadcrumbTrail {	
padding: 5px; 
		 font-size: 13px;
}

div.HiddenContextMenu
{
display: none;
}
div.ContextMenu
{
position: absolute;
		  z-index: 10;
background: #eee;
border: outset 2px;
width: 150px;
	   font-family: Tahoma, Arial, Sans Serif;
	   font-size: 12px;
margin: 4px;
}
div.ContextMenu div.Bottom {
width: 110px;
margin: 0; padding: 0; font-size: 0px;
height: 0px; 
}
div.ContextMenu div a { 
display:block; padding: 4px; padding-left: 23px; 
		text-decoration: none;
min-height: 16px; _height: 16px;
background: no-repeat 3px 3px;

color: black;
}
div.ContextMenu hr { margin: 0; margin-top: 1px; }
div.ContextMenu div a:hover 
{ display: block; 
background-color: blue;
color: white; 
}

A.SelectedLink { padding-left: 18px; background: url(/images/blackarrow.png) no-repeat 0px 3px; color: black; font-weight: bold; text-decoration: none; }
A.UnselectedLink { padding-left: 18px; }

/* fit left nav + two columns in a 1152 wide screen */
.LeftDynColumn { clear: both; float: left; width: 430px; margin-right: 10px;  margin-bottom: 10px; }
.RightDynColumn { float:left; width: 430px; }

div.Notebook { border-bottom: 3px solid #86cafa; padding-bottom: 8px; 
clear: both; background: #f8f8f8;
	   padding-left: 15px; padding-right: 15px;
border-top: 5px solid #86cafa; padding-top: 8px; }

div.NotebookTabs { border: none; }
div.NotebookTabs .Tab, div.NotebookTabs .ActiveTab { float:left; margin-left: 10px; margin-right: 2px; padding: 5px 7px 3px 7px; }
div.NotebookTabs .Tab { background: #b1d9f5; border-bottom: 2px solid white; }
div.NotebookTabs .ActiveTab { font-weight: bold; background: #86cafa; border-bottom: 2px solid #86cafa; }
div.NotebookTabs .ActiveTab A { color: black; text-decoration: none; }
div.NotebookTabs .Tab A { text-decoration: none; }

div.NotebookTabs .RightTab, div.NotebookTabs .RightActiveTab { float:right; margin-right: 10px; margin-left: 2px; padding: 3px 7px 1px 7px; }
div.NotebookTabs .RightTab { background: #b1d9f5; border-bottom: 2px solid white; }
div.NotebookTabs .RightActiveTab { font-weight: bold; background: #86cafa; border-bottom: 2px solid #86cafa; }

div.EndNotebook { padding-top: 8px; border-bottom: 5px solid #86cafa; clear:both; }

.GamecreateServerSchedule { width: 100%; border-collapse:collapse; border: 1px solid black; }
.GamecreateServerSchedule TH { color: white; background-color: #888; text-align:left;  border-left: 1px solid white; }
.GamecreateServerSchedule TR.AlternateRow { background-color: #eee; }
.GamecreateServerSchedule .Server { background-color: #eef; border: 1px solid #888; text-align: center; font-size: 9px; }
.GamecreateServerSchedule .AlternateRow .Server { background-color: #bbc;  }

A.TernaryCheckBox { text-decoration: none; color: black; }

textarea { width: 99%; }

.GamecreateCalendar .Title { background: none #034ea2 top repeat-x; color: white;
	text-align: left;  
}
.GamecreateCalendar td.TodayDay { background-color: #034ea2; }
.GamecreateCalendar .TodayDay a { color: white; font-weight: bold; }
.GamecreateCalendar .Title table { margin: 4px; }
.GamecreateCalendar .NextPrev a { color: white; font-size: 9px; }
.GamecreateCalendar { width: 220px; height: 150px; }
.GamecreateCalendar td { font-size:11px; }
.GamecreateCalendar td.DayHeader { background-color: #888; color: white; font-size: 9px; font-weight: bold; }
.GamecreateCalendar .OtherMonthDay { background-color: #eee; padding: 4px; }
.GamecreateCalendar .OtherMonthDay a { color: #888; }
.GamecreateCalendar { border: 1px solid #888; }

.InlineHelpText { position: absolute; z-index: 1000; top: 20px; width: 240px; right: 30px }
.InlineHelpText, div#EntityToolTipBox { border: 1px solid #999; background-color: #fdfcb3; padding: 4px; }
div#EntityToolTipBox { width: auto; }
div#EntityToolTipBox table { margin: 0px; border-collapse: collapse; }
div#EntityToolTipBox table td { padding: 1px; margin: 0; font-size: 12px; vertical-align: top; }
div#EntityToolTipBox ul { margin: 5px 0 0 0; }

img.SmallIcon { width: 16px; height: 16px; border: 0px }

td.NameColumn { width: 200px; vertical-align: top; }
td.HelpColumn { width: 20px;  vertical-align: top; }
td.IconColumn { width: 40px; vertical-align: top; text-align: right; }
td.IconColumn .IconPlaceholder { width: 20px; height: 16px; float: right; }
tr.StandardRow.InputDisplayWidget { background-color: #A0CFEC !important; }
tr.AlternateRow.InputDisplayWidget { background-color: #BAD9EE !important; }
span.RestrictedPropertyIcon { position: relative; }
span.RestrictedPropertyIcon img { vertical-align: middle; margin-top: 2px; }

.ContentArea { margin-bottom: 16px; }
.ContentArea .Contents { padding: 8px; background: url(/images/contentarea/footer.png) bottom repeat-x #f6f6f6;  }

.GraphImage { border-style: solid; border-width: 2px; border-color: #00427e }

#PageHelp { float: right; padding-right: 16px; padding-top: 2px;}

#NotesOverlay { position: absolute; z-index: 10; width: 200px; text-align: right; right: 10px; }
#NotesOverlay .NotePane { 
	position: relative;
	border: 1px solid white; 
			border-right: none;
	margin-top: 8px;
}
#NotesOverlay .NotePaneInner {
	text-align:left; 
	background-color: #fdfcb3; 
	border: 1px solid #999; 
	padding: 4px; 
	font-size: 11px;
}

#NotesOverlay .NotePane .Author { font-weight: bold; display: block; }
#NotesOverlay .NotePane .Date { font-style: italic; display: block; }
#NotesOverlay .NotePane .Contents { display: block; padding-bottom: 4px;}

select.Standard { width: 300px; }

.AdvancedOptions { border: 1px solid #999; margin: 20px 0 20px 0; padding: 10px; position:relative; }
.AdvancedOptions .Label { background-color:white; color: #222; position:absolute; top: -10px; left: 10px; }
.AdvancedOptions .Label a { color: black; text-decoration: none; }
.AdvancedOptions .Contents { background-color: #f2f2f2; padding: 5px 20px 5px 20px; }

#AnnouncementOverlay { position: absolute; z-index: 100; width: 100%; text-align: left; }
#AnnouncementOverlay .AnnouncementPane { 
	position: relative;
	border: 1px solid white; 
			border-right: none;
	margin: 20px;
}
#AnnouncementOverlay .AnnouncementPaneInner {
	text-align:left; 
	background-color: #fdfcb3; 
	border: 1px solid #999; 
	padding: 0px; 
	font-size: 12px;
}

#AnnouncementOverlay .AnnouncementPane .Subject { font-weight: bold;  }
#AnnouncementOverlay .AnnouncementPane .Article { display: block; padding-bottom: 4px; padding-top: 5px;}
#AnnouncementOverlay .AnnouncementPane .Date { font-style: italic; font-size: 11px; font-weight: normal; }
#AnnouncementOverlay .AnnouncementPane .FeedbackLink { padding: 5px; padding-top: 0px}
#AnnouncementOverlay .AnnouncementPane hr { margin-bottom: 10px; margin-top: 10px; background-color: grey; line-color: grey; height: 3px}
#AnnouncementOverlay .AnnouncementPaneInner .AnnouncementHeading h2 { margin-top: 0px; display: block;  clear: both; font-size: 15px; color: white; border-bottom: 1px solid #e8e8e8;  font-weight: bold; background: #034ea2;}

#PricingTable { background-color: white; }
#PricingTable TD { padding: 5px; border: 1px solid gray; }

.CompareTable {margin-top: 1em; padding: 0px; empty-cells: show; border-collapse: collapse;}
.CompareTable td {color: black; font-family: Monospace; }
.CompareTable .Insert {background-color: #80FF80}
.CompareTable .Delete {background-color: #FF8080}
.CompareTable .Number div {color: #808080; margin-right: 10px; }
.CompareTable span { width: 100% }