html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
font-family: Verdana, sans-serif;
font-size: 62.5%;
background: #000;
color: #fff;
text-align: center;
}
:focus {
outline: 0;
}
a img {
border: 0;
}
a.skiplinks {
display: inline;
visibility: hidden;
font-size: 1px;
}
div#container {
margin: 0 auto;
padding: 0;
border: 0;
text-align: left;
background: #000;
width: 762px;
}
div#header {
margin: 1em 0 0 0;
padding: 0;
border: 0;
width: 100%;
height: 181px;
float: left;
clear: both;
}
div#header p {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
position: relative;
}
div#header p a {
display: block;
width: 100%;
height: 100%;
position: absolute;
}
div#header p a span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000 url(/images/logo.png) 50% 50% no-repeat;
cursor: pointer;
cursor: hand;
}
div#smallheader {
margin: 1em 0 0 0;
padding: 0;
border: 0;
width: 18em;
height: 85px;
position: absolute;
top: 05px;
left: 1em;
}
div#smallheader p {
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
position: relative;
}
div#smallheader p a {
display: block;
width: 100%;
height: 100%;
position: absolute;
}
div#smallheader p a span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000 url(/images/small-logo.png) 50% 50% no-repeat;
cursor: pointer;
cursor: hand;
}
div#content {
margin: 0;
padding: 0;
border: 0;
float: left;
width: 100%;
clear: both;
}
div#content div#maincontent {
margin: 0;
padding: 0;
border: 0;
float: right;
display: inline;
width: 606px;
}
div#content div#primarynavigation {
margin: 12px 0 0 0;
padding: 0;
border: 0;
float: left;
display: inline;
width: 149px;
background: white;
}
div#content div#maincontent div#copy {
margin: 12px 0 0 0;
padding: 0 0 1em 0;
border: 0;
float: left;
width: 429px;
}
div#content div#maincontent div#related {
margin: 12px 0 0 0;
padding: 0;
border: 0;
float: right;
width: 167px;
}
div#footer {
margin: 0;
border: 0;
width: 100%;
clear: both;
padding: 1em 0;
}


/* Copy Styles */
div#copy h1 {
margin: 0 auto 8px auto;
font-family: verdana, sans-serif;
font-size: 2em;
color: #fff;
text-align: center;
}
body#room div#copy h1 {
margin: 0 auto 8px auto;
font-family: verdana, sans-serif;
font-size: 2em;
color: #d1d1d1;
text-align: right;
position: absolute;
top: 05px;
right: 05px;
}
div#copy h2 {
margin: 05px 0 0 5px;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #fff;
position: relative;
width: 441px;
height: 33px;
padding-top: 1em;
}
div#copy h2#steps {
color: #ff0b5b;
border-top: 1px solid white;
}
div#copy h2#troubleshoot {
color: #0bceff;
border-top: 1px solid white;
}
div#copy h2#vlcplugin {
color: #c1ff2d;
border-top: 1px solid white;
}
div#copy h3 {
font-size: 14px;
margin: 0 0 0 6px;
color: #666;
}
div#copy p {
margin: 0 0 12px 6px;
color: #fff;
font-size: 12px;
line-height: 12px;
}
div#copy a {
color: #fff;
font-weight: bold;
}
div#copy p a:hover {
color: #5f5f5f;
}
div#copy ul {
margin: -13px 0 12px 7px;
padding: 0;
list-style: none;
text-align: center;
}
div#copy ul li {
margin: 0;
padding: 0;
font-size: 16px;
font-family: arial, sans-serif;
line-height: 16px;
}
div#copy ul li#stepslink a {
color: #ff0b5b;
}
div#copy ul li#troubleshootlink a {
color: #0bceff;
}
div#copy ul li#vlcpluginlink a {
color: #c1ff2d;
}
div#copy p#join, div#copy p#make, div#copy p#what {
margin: 5em auto;
width: 340px;
height: 80px;
position: relative;
}
div#copy p#make {
width: 400px;
}
div#copy p#what {
width: 360px;
}
div#copy p#join a, div#copy p#make a, div#copy p#what a, div#copy p#join a span, div#copy p#make a span, div#copy p#what a span {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/images/join.png) top left no-repeat;
color:black;
}
div#copy p#make a, div#copy p#make a span {
background: url(/images/make.png) top left no-repeat;
}
div#copy p#what a, div#copy p#what a span {
background: url(/images/what.png) top left no-repeat;
}
div#copy h2 span {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
}
div#copy h2#roomtitle span {
background: black url(/images/room-title.png) 50% 100% no-repeat;
}
div#copy h2#roomtitletitle span {
background: black url(/images/room-title-title.png) 50% 100% no-repeat;
}
div#copy h2#usertitle span {
background: black url(/images/user-title.png) 50% 100% no-repeat;
}
div#copy h2#filetitle span {
background: black url(/images/file-title.png) 50% 100% no-repeat;
}
/* File selection */
input#roomname {
background: #d1d1d1 url(/images/room-input-bg.png) 50% 50% no-repeat;
}
input.text {
width: 441px;
height: 66px;
border: 0;
background: #d1d1d1;
color: #535353;
text-align: center;
font-size: 40px;
font-family: Verdana, arial, sans-serif;
font-weight: bold;
}
        input#roomname {
background: #d1d1d1 url(/images/room-input-bg.png) 50% 50% no-repeat;
}
        input#roomtitle {
background: #d1d1d1 url(/images/room-title-input-bg.png) 50% 50% no-repeat;
}
input#username {
background: #d1d1d1 url(/images/user-input-bg.png) 50% 50% no-repeat;
}
input#roomname.focused, input#roomtitle.focused, input#username.focused {
background: #d1d1d1;
}
form#joinform p {
width: 441px;
margin: 0;
clear: both;
text-align: center;
}
div#displayfilename {
width: 359px;
height: 46px;
color: #535353;
margin-top: 20px;
text-align: center;
font-size: 20px;
font-family: Verdana, arial, sans-serif;
font-weight: bold;
float: left;
}
input#filelocation {
-moz-opacity: 0 ;
filter: alpha(opacity: 0);
opacity: .0;
position: absolute;
margin-top: -174px;
margin-left: 183px;
height: 68px;
}
input#join-button {
float: none;
text-align: center;
margin: 1em 0 0 0;
}
img#eg {
margin-left:120px;
}
img#note {
margin-left:40px;
}
/* Room */
div#copy form {
width: 500px;
}
fieldset {
margin: 05px 0;
border: 1px solid gray;
width: 100%;
}
fieldset legend {
margin-left: 05px;
}
fieldset div#controloptions {
margin-left: 05px;
width: 40%;
float: left;
}
fieldset div#seekoptions {
margin-right: 05px;
float: right;
}
fieldset div#local {
margin-left: 05px;
float: left;
}
fieldset div#local input {
float: left;
}
fieldset div#aspect {
margin-right: 05px;
float: right;
width: 37%;
}
fieldset div#aspect img {
float: left;
margin-bottom: 07px;
}
span#volume_status, span#volume_mask {
float: left;
width: 58px;
height: 20px;
background: black url(/images/volume-0.png) top left no-repeat;
}
span#volume_mask {
background: black url(/images/volume-100.png) top left no-repeat;
width: 100%;
}
/* Chat */
div#div_chat {
background: black;
height: 300px;
width: 500px;
overflow: auto;
background-color: black;
border: 1px solid #555555;
}
div#div_chat p {
margin: 05px 0 0 1em;
}
div#div_chat p.action {
margin: 0 5px 2px 6px;
color: #666;
font-style: italic;
font-size: 1em;
}
div#div_chat p.chat {
margin: 0 5px 2px 6px;
color: #FFF;
}
div#div_chat h3 {
margin-top: 03px;
font-weight: bold;
color: #fff;
}
div#div_chat h3 span {
font-size: 08px;
font-weight: normal;
color: #999
}
input#txt_message {
border: 0;
width: 502px !important;
}
div#preload {
visibility: hidden;
}
div#tvcolumn {
position: absolute;
top: 0.4;
left: 05px;
}
div#chatcolumn {
position: absolute;
top: 04px;
right: 05px;
}
div#invite {
position: absolute;
top: 60px;
right: 10px;
text-align: right;
}