body {
padding: 0;
margin: 0 auto;
border: 10px solid #A1C8DB;
background-color: #A1C8DB !important;
min-width: 800px;
max-width: 960px;
font: 12px normal arial, Helvetica, sans-serif;
}

.ui-tabs-nav, .ui-tabs-panel {
font-family: arial, Helvetica, sans-serif;
}

#overview-wrapper {
position: relative;
height: 150px;
}

#left-box {
position: absolute;
left: 5px;
top: 5px;
width: 400px;
}

#left-box h4 {
margin: 0;
padding: 0;
}


#right-box {
position: absolute;
left: 535px;
top: 5px;
width: 400px;
}

#tips-wrapper {
width: 400px;
border: 1px solid #ddd;
line-height: 1.4em;
font: 12px normal arial, Helvetica, sans-serif;
background-color: #eee;
padding: 0;
}

#tips-wrapper p, #tips-wrapper ul {
padding: 5px;
}

#tips-wrapper h4 {
margin: 0;
padding: 3px;
background-color: #452e20;
color: #eee;
}

#stream-tips {
list-style-type: none;
margin: 0;
padding: 0;
}


#stream-tips li {
margin: 0;
padding: 5px 0;
}

#page-wrapper {
background-color: #ccc;
width: 960px;
border: 1px solid #fff;
padding: 0;
margin: 0;
}

#main-heading {
margin: 0;
padding: 5px;
background-color: #00AEEF;
color: #fff;
}

#column-wrapper {
position: relative;
height: 475px;
width: 960px;
margin: 0;
padding: 0;
}

#media-box-wrapper {
margin: 0;
padding: 0;
width: 550px;
height: 475px;
position: absolute;
top: 0;
left: 0;
z-index: 50;
}

#video-wrapper {
height: 404px;
width: 512px;
position: absolute;
top: 5px;
left: 10px;
/*background: transparent url("/streaming/images/fwsbg.jpg") center center no-repeat;*/
z-index: 10;
}

#away {
position: absolute;
top: 43%;
text-align: center;
font-size: 18px;
color: #fff;
width: 512px;
z-index: 50;
left: 0;
display: none;
}

#event-caption-wrapper {
margin: 0;
padding: 0;
width: 100%;
border: solid #fff;
border-width: 1px 1px 1px 1px;
background-color: #00AEEF;
color: #fff;
height: 55px;
position: absolute;
bottom: 0;

}

#event-caption {
margin: 0;
padding: 2px;
font-size: 12px;
font-style: italic;
}

#event-title {
margin: 0;
padding: 2px;
font-size: 14px;
font-weight: bold;
}

/* Begin message column styles */
#message-wrapper {
position: absolute;
top: 0;
left: 550px;
width: 410px;
height: 475px;
margin: 0;
padding: 0;

position: relative;
}

#message-box {
position: absolute;
top: 0;
left: 0;
overflow: auto;
width: 400px;
height: 395px;
z-index: 2;
}

#message-controls-wrapper {
position: absolute;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
border: solid #fff;
border-width: 0px 0px 1px 0px;
background-color: transparent;
color: #444;

}

#message-options {
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
}

#message-options li a {
line-height: 55px;

}


#message-options li a {
background-color: #5c6366;
position: absolute;
width: 98px;
bottom: 0;
text-decoration: none;
text-align: center;
font-size: 14px;
font-variant: small-caps;
font-weight: bold;
color: #fff;

}


#message-options li a:hover {
background-color: #a3ccd6;
color: #333;
border: solid #888;
border-width: 3px 0 0 0;
}

li#bu1 a {
left: 0px;

}
li#bu2 a {
left: 100px;
}
li#bu3 a {
left: 200px;
}
li#bu4 a {
left: 300px;
width: 100px;
}



/* Begin pop up message form submission styles */
#message-form-wrapper, #message-help {
width: 400px;
height: 230px;
position: absolute;
bottom: 56px;
left: 0px;
border: 1px solid #fff;
font-size: 12px;
background-color: #999;
display: none;
z-index: 10;
filter:alpha(opacity=95); 
-moz-opacity: 0.95; 
opacity: 0.95;
}

#message-help {
 padding: 5px;
 }
 
#message-help a:link, #message-help a:visited {
color: #42428b;
border-bottom: 1px dotted #42428b;
text-decoration: none;
}

#message-help a:hover {
color: #333;
border-bottom: 1px dotted #333;
text-decoration: none;
}

#message-help .no-border {
border: none !important;
}

#message-form-wrapper input,#message-form-wrapper textarea {
background-color: #ddd;
border: 1px solid #fff;
}

#required-message {
font-size: 10px;
margin: 0;
padding: 0;
}

#post-message {
margin: 5px;
}
label, #message-submit {
display: block;
}

label {
font-weight: bold;
}

label span, .required {
color: #f00;
}

#message-archive-wrapper {
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 395px;
border: 1px solid #fff;
font-size: 12px;
background-color: #999;
display: none;
z-index: 10;

}

#message-archive {
overflow: auto;
width: 400px;
height: 378px;
}
#archive-header {
line-height: 17px;
padding: 0 0 0 3px;
margin: 0;
width: 400px;
font-size: 14px;
color: #111;
background-color: #e4e4e4;
border-bottom: 1px solid #000;
}


.message {
min-height: 80px;
border: 1px solid #ccc;
margin: 5px 0 5px 0;
background-color: #ededed;
padding: 0;
position: relative;
line-height: 1.3em;

}

.message h5 {
margin: 0;
padding: 3px;
background-color: #00AEEF;
color: #fff;
}

.message-text {
margin: 5px 0 5px 0;
padding: 3px 3px 10px 3px;
}

.remove-highlight {
font-size: 14px;
color: #f00;
font-weight: bold;
border: 2px solid #f00;
display: inline;
padding: 2px;
background-color: #fff;
}

.msg-timestamp {
font-size: 11px;
position: absolute;
bottom: 1px;
right: 1px;
}
.alt {
background-color: #f0f5fe;

}



#message-success, #remove-success, #caption-update, #to-screen-success,
#screen-clear-success {
position: absolute;
right: 0;
bottom: 0;
height: 40px;
width: 60px;
border: 1px solid #f00;
background-color: #ffffaa;
color: #f00;
font-weight: bold;
text-align: center;
line-height: 20px;
display: none;
}


/* End pop up message form submission */

#tabbed-content-1 ul {
margin: 10px 0 0 10px;
padding: 0;
}
/* Begin admin forms styles */
#screen-name, #screen-location,#screen-text {
display: none;
}

#removeid, #msgid {
width: 30px;
}

#caption1, #caption2 {
width: 250px;
}

#admin-forms label, #admin-forms form {
display: inline;
}

#remove-wrapper, #post-caption-wrapper, #post-to-screen-wrapper, #clear-session-wrapper {
padding: 5px;
border: 1px solid #333;
background-color: #ddd;
}


/* End admin forms styles */



/* Begin tab panel styles */
#tab1,#tab2,#tab3,#tab4,#tab5,#tab6 {
font: normal 12px arial,Helvetica,sans-serif;
}

#tab1 {
min-height: 200px;
height: 200px;
}

#tabbed-content-wrapper a:link,#tabbed-content-wrapper a:visited {
text-decoration: none;
color: #42428b;
border-bottom: 1px dotted #42428b;
}

#tabbed-content-wrapper a:hover {
color: #333;
border-bottom: 1px solid #333;
}

/* Begin footer styles */
#footer-wrapper {
margin: 0;
padding: 0;
text-align: right;
width: 900px;
}
#footer-list {
list-style-type: none;
font-size: 12px;
font-weight: bold;
color: #000;
margin: 0;
padding: 0;
}

#footer-list li {
border-color:#FFFFFF;
border-style:solid;
border-width:0pt 3px 0pt 0pt;
display:inline;
line-height:1.5em;
margin:0pt 0pt 0pt 5px;
padding:10px 5px 0px 0px;
vertical-align:middle;
}

#footer-list li.right-most {
border: none;
}



#footer-wrapper a:link, #footer-wrapper a:visited {
text-decoration: none;
color: #000;
font-weight: bold;
}

#footer-wrapper a:hover {
text-decoration: none;
color: #888;
}
/* End footer styles */
object.offline {
display: none;
visibility: hidden;
}


/* Message to screen styles */
#projection {
	display: none;
}


/* Overview tab */
#event-links {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#event-links li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}