﻿html, body { height: 100%; width: 100%; margin: 0; padding: 0; background: #000000; font-family: "Courier New" , Courier, monospace; color: #FFFFFF; }
a { color: #66FF66; }
a:visited { color: #CCCCCC; }
a:active { color: #ffffff; font-weight: bold; }
li.NoBullet { list-style-type: none; }
#container { left: 0px; top: 0px; height: 100%; width: 100%; display: table; vertical-align: middle; position: absolute; z-index: 1; }
#container .inner { display: table-cell; vertical-align: middle; }
.Centered{max-width: 640px; margin: auto; }
div.colorbars { background: transparent url('/Universe/assets/images/ColorBars.gif') no-repeat 0px 0px; width: 640px; height: 480px; margin: auto; }
#header h1.youboo { font-size: 72px; font-weight: bold; display: inline; vertical-align: text-top; line-height: 60px; color: #000000; }
#header { height: 300px; }
#header .col, #menu .col { position: relative; width: 67px; padding-left: 24px; float: left; }
#menu .col {width: 82px; padding: 10px 5px 10px 5px; font-weight: bold; text-align: center; }
#menu .col.last {padding-right:0px;}
#menu .col .Col1Link, #menu .col .Col1Link:hover, #menu .col .Col1Link:visited, #menu .col .Col1Link:active { color: #CECFCE; }
#menu .col .Col2Link, #menu .col .Col2Link:hover, #menu .col .Col2Link:visited, #menu .col .Col2Link:active { color: #FFFF00; }
#menu .col .Col3Link, #menu .col .Col3Link:hover, #menu .col .Col3Link:visited, #menu .col .Col3Link:active { color: #00FFFF; }
#menu .col .Col4Link, #menu .col .Col4Link:hover, #menu .col .Col4Link:visited, #menu .col .Col4Link:active { color: #00FF00; }
#menu .col .Col5Link, #menu .col .Col5Link:hover, #menu .col .Col5Link:visited, #menu .col .Col5Link:active { color: #FF00FF; }
#menu .col .Col6Link, #menu .col .Col6Link:hover, #menu .col .Col6Link:visited, #menu .col .Col6Link:active {color: #FF0000; }
#menu .col .Col7Link, #menu .col .Col7Link:hover, #menu .col .Col7Link:visited, #menu .col .Col7Link:active {color: #0000FF; }
#ViewClientContainer #menu, #BooContainer{display:none;}
#ChannelHeaderLink, #LoggedInStatus { position: absolute; top: 0px; right: 0px; color: #FFFFFF; background-color: #000000; z-index: 5; }
#LoggedInStatus a { margin-left: 10px; margin-right: 5px; color: #CCFFFF; }
h1.PageTitleHeader { text-align: center;}
.LeftList { float: left; margin: 20px; width: auto; }
.RightList{ margin: 20px; float: right; width: auto; }
.LoginForm { padding: 20px; margin: auto; width: 300px; background-color: #ffffff; color: #000000; }
#NewBooser th { text-align: right; white-space: nowrap; padding-right: 20px; }
#NewBooser { width: 450px; margin: auto; padding: 20px; }
select.DarkInput, input.DarkInput, .DarkInput input, .DarkInput textarea { background-color: #333333; border: 3px solid #999999; color: #FFFF00; }
.MainActions, .PageSubHeader { text-align: center;}
.ViewBooMenu{max-width: 420px; margin: 0px auto 0px auto; padding: 0px; text-align: center;}
.ViewBooMenu .ViewClientLink,.ViewBooMenu .BooClientLink {margin: 0px; display: inline-block; padding: 3px;}
.ViewBooMenu .ViewClientLink{max-width: 87px;}
.ViewBooMenu .BooClientLink{max-width: 46px;}
.ViewBooMenu .ViewClientLogo { height: 65px; width: 87px; background-image: url(/assets/images/viewlogo.gif); display: inline-block; }
.ViewBooMenu .BooClientLogo{height:65px;width: 46px; background-image: url(/assets/images/boologo.gif);display: inline-block; }
.ViewBooMenu .ViewPlusBooClientLogo{width: 87px; background-image: url(/assets/images/viewpluslogo.gif);}
.ViewBooMenu h3{display:inline;}
.ViewBooMenu #Rerun,  .ViewBooMenu #Live{margin:5px;float:left;width:180px; border: medium solid #333333; }
table.PropertyTable th { text-align: right; padding-right: 20px; border: 0px; }
table.ListTable th { text-align: left; border: 0px; }
table.ListTable td { text-align: left; border: 0px; padding-right: 20px;}
table.ListTable td span, table.PropertyTable td span{ color:Yellow;}
table.ListTable.PadData td { padding-left:10px;color:Yellow; padding-right: 0px; }
table.EditTable th { text-align: left; border: 0px; }
table.EditTable td input, table.EditTable td textarea { width: 250px; }
table.EditTable td .CheckBox input { width: 20px; }
.MainMenu { position: absolute; top: 0px; left: 0px; z-index:6 }
.SubMenuItems { background-color: #25232C; }
#SizedParentContainer { margin: auto; }
#EmbedContainer iframe,  #EmbedContainer{ display:block; width:100%; border:none;margin:0; padding:0; height:100%; }
.LineUpItem #LineUpEdit { float: right; margin-top: 20px; }
.HorizontalFlow li { width: 300px; float: left; }
.DisplayNone { display: none; }
a.Button { display: block; overflow: hidden; text-decoration: none; text-align: center; text-transform: capitalize; }
a.Button.Button65 { height: 65px; width: 65px; font-size: 12px; line-height: 65px; background: url(/assets/images/roundbutton65.gif) 0px -66px no-repeat; }
a.Button.Button65:hover { background-position:  0px 0px; }
a.Button.BooButton65 { height: 65px; width: 65px; font-size: 12px; line-height: 65px; background: url(/assets/images/downr65.gif) 0px -66px no-repeat; }
a.Button.BooButton65:hover { background-position:  0px 0px; }
a.Dark { color: #000066; font-weight: bold; }
a.Dark:hover { color: #333333; font-style: italic; }
a.Light { color: #C0C0C0; font-weight: bold; }
a.Light:hover { color: #fff; font-style: italic; }
.BooserSearchContents{width:160px;border: solid 3px #999999 ;padding: 0px 0px 2px 2px;margin-top:-3px;overflow:hidden;}
.MemberInvite{border: solid 3px #999999 ;padding: 0px 0px 2px 2px;overflow:hidden;}
.xbox { border-left: solid 1px #999999; border-bottom: solid 1px #999999; padding: 2px 5px 2px 5px; }
.xbox a{text-decoration:none;} 
.SearchBox{width:160px;}
#ViewClientTop, #BooClientTop{position:absolute;top:0px;left:0px;z-index:15;width:50%;height:20px;}
#BooClientTop{width:100%;}
#ViewClientLeader{color:Lime;}
#ViewClientStatus, #BooClientStatus{color:Red;}
.opaque50 {
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
#Wait{position:absolute;top:20%;left:20%;display:none;}
#LineUp {width:160px;max-width:160px;}
#LineUp .Selected { line-height:2em;font-weight: bolder; color: #FFFF00; text-decoration: blink; border-style: dotted none dotted none; }
#DebugLink{position:absolute;bottom:0px;right:0px;z-index:15;width:auto;height:20px;}
