@charset "utf-8";
/* CSS Document */

/* VOD menu CSS starts here */
.menu,
.menu ul { margin:0; padding:0; list-style:none; }
.menu {  }
.menu li { display:block; margin:0;	padding:0; margin-bottom:1px; }
.menu a { display:block; padding:2px 5px; color:#716659; text-decoration:none; }
.menu ul li {padding-left:15px; }
.hidden {display:none; visibility:hidden; margin: 0px; padding: 0px; list-style-type:none; line-height: 0px; }

.wrapper-menu { text-align:left; width:375px; height: 140px; overflow:auto; position:absolute; left:50%; margin-left: -385px; top:695px; z-index:7; }
/* End VOD Menu CSS */

/* This is the text box that tells the user to select a video when no video is selected yet. */
#select_video{ position:absolute; text-align:center; left:50%; margin-left: -225px; top: 320px; width:512px; height:20px; z-index:100; }

/* This is the div that holds the main video player on the page. The control bar is 30px tall, so account for this in the height. */
div.main_player { position:absolute; text-align:center; left:50%; margin-left: -400px; top: 140px; width:800px; height:480px; z-index:3; }

/* This is the textbox that shows the links for other bitrate videos if available, and also titles and captions. */
#video_subtext { position:absolute; text-align:center; left:50%; margin-left: -400px; top:640px; width:800px; height:50px; z-index:4; }

/* Chat room module css starts here */
* { margin: 0; padding: 0; }

/* This is the main bounding box */
#section { margin: 0; padding: 0; background: rgba(0,0,0,0); padding: 0px; position:absolute; z-index: 200; left:50%; margin-left: -4px; top:680px; width: 385px; text-align:left;  }

#page-wrap { margin: 0 auto; width: 385px; position: relative; }


.message { margin: 10px 0; padding: 5px; -moz-border-radius: 14px; -webkit-border-radius: 14px; font-size: 12px; }
.warning { background: #ffd5d5; border: 3px solid #ff3939; color: #ff3939; }
.success { background: #e5ffdb; border: 3px solid #0dba32; color: #0dba32; }

label { font-size: 20px; } 

#userid { font-size: 12px; padding:4px 8px; width: 155px; }
#password { font-size: 12px; padding:4px 8px; width: 155px; }

#you { position: absolute; top: 45px; right: 0; font-size: 20px; background: rgba(0,0,0,0.2); padding: 5px 10px; }
#you span { font: italic 12px Georgia, Serif; }

#chat-wrap { border: 0px solid #333; width: 385px; position:absolute; left 14px; top 5px; }
#chat-header { height: 16px; padding: 5px; background: #000; color: #ccc; border: 1px solid #333; margin: 0 0 5px 0; display:none;}
#chat-area { height: 110px; width: 370px; overflow-y: auto; overflow-x: hidden; padding: 10px; background: #FFF; font-size:14px; line-height:24px; position: absolute; left: 2px; }
#chat-area span { color: white; background: #333; padding: 2px 8px; -moz-border-radius: 5px; -webkit-border-radius: 8px; margin: 0 5px 0 0; }
#chat-area p { padding: 8px 0; border-bottom: 1px solid #ccc; color: #000; }

#send-message-area p { float: left; color: black; padding-top: 27px; font-size: 12px; }
#userid-sendie {width:290px; overflow: hidden;  height: 1.3em; position:absolute; border: 0px solid #000; top: 140px; left: 5px; }
#choose-button {width: 100px; height: 2.1em; position: absolute; top: 134px; left: 296px;}

#sendie { width: 385px; height: 1em; top: 140px; overflow: hidden; left: 5px; position:absolute; background: #FFF; border: 0px solid #333; color:#000; font: 14px "Lucida Grande", Sans-Serif; padding-top: 3px; }
/* End chat room module css code */

/* Start Share this css */
#sharethis { position:absolute; text-align:center; left:50%; margin-left: -500px; top:560px; width:200px; height:50px; z-index:4; }
/* End Share this css */