* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: arial;
	color: #333333;
	font-size: 14px;
}

a {
	text-decoration: underline;
}

a:hover, .hover:hover {
	color: #ffffff;
}

div#main {
	position: absolute;
	width: 960px;
	height: 537px;
	background-image: url(../skins/live/background.jpg);
	overflow: hidden;
}

#live {}
#foils {}
#tools {}

#popup_message {
	position: absolute;
	width: 350px;
	height: 200px;
	top: 180px;
        left: 125px;
        background-color: #dddddd;
        overflow: hidden;
	z-index: 10000;
	display: none;
}


/* POSITIONING MAIN BOXES */


/* FOILS BOX */

.foilslarge div#foils {
	position: absolute;
	width: 584px;
	height: 437px;
	top: 60px;
	left: 10px;
	overflow: hidden;
}

.foilssmall div#foils {
	position: absolute;
	width: 311px;
	height: 231px;
	top: 60px;
	left: 614px;
	overflow: hidden;
}

.nofoils div#foils {
	display: none;
	position: absolute;
	width: 584px;
	height: 450px;
	overflow: hidden;
}

/* LIVE BOX */

.foilslarge div#live, .foilslarge div#live_message {
	position: absolute;
	width: 311px;
	height: 176px;
	top: 60px;
	left: 614px;
	background-color: #dddddd;
	background-repeat: no-repeat;
	overflow: hidden;
}

.foilssmall div#live, .nofoils div#live, .foilssmall div#live_message, .nofoils div#live_message
{
	position: absolute;
	width: 584px;
	height: 328px;
	top: 60px;
	left: 10px;
	background-color: #dddddd;
	overflow: hidden;
}

/* TOOLS BOX */

div#tools {
	position: absolute;
	width: 311px;
	left: 614px;
	background-color: #383838;
	overflow: hidden;
}

.foilslarge div#tools {
	height: 179px;
	top: 318px;
}

.foilssmall div#tools {
	height: 197px;
	top: 300px;
}

.nofoils div#tools {
	height: 368px;
	top: 60px;
}

div#tools #contents * {
	color: #FFF;
	text-decoration: none;
}

div#tools #contents a {
	padding: 3px 0px 3px 15px;
	background-image: url(../skins/live/marker.jpg);
	background-repeat: no-repeat;
	background-position: 3px 8px;
}

div#tools #contents a:hover {
	color: #383838;
	background-color: #dddddd;
	background-image: url(../skins/live/marker_hover.jpg);
	background-repeat: no-repeat;
}

div#tools #contents input, div#tools #contents textarea {
	color: #000000;
}


/* END POSITIONING MAIN BOXES */




.tab_contents {
	padding: 10px;
}

.tab_contents h1,h2,h3,h4,h5,p,a,label {
	scolor: white;
}

#contents_chat h2 {
	font-size: 16px;
	margin-bottom: 5px;
}
#contents_chat textarea {
	width: 291px;
}

.foilslarge div#live_controls {
	position: absolute;
	width: 311px;
	height: 35px;
	top: 236px;
	left: 614px;
}

.foilslarge div#switch {
	position: absolute;
	width: 311px;
	height: 28px;
	top: 280px;
	left: 614px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	background-color: #d8d8d8;
}

.foilslarge div#live_controls #controls {
	height: 35px;
}

.foilslarge div#live_controls #controls #left {
	width: 50px;
	height: 37px;
}

.foilslarge div#live_controls #controls #right {
	line-height: 34px;
	text-align: center;
	font-size: 12px;
	width: 47px;
	height: 34px;
}

.foilslarge div#live_controls #controls #middle {
	width: 213px;
	height: 37px;
}

.foilslarge div#live_controls #controls #middle #seeker {
	height: 36px;
}

#player_message {
	position: absolute;
	text-align: center;
	display: none;
	color: #ffffff;
}

.foilslarge #player_message {
	width: 210px;
	height: 35px;
	line-height: 35px;
}

.nofoils #player_message, .foilssmall #player_message {
	width: 385px;
	height: 38px;
	line-height: 38px;
}

#seekerContainer {
	height: 1px;
}

.foilslarge #windowsMediaPlayer, .foilslarge #flashPlayer {
	width: 311px;
	height: 175px;
}

.foilslarge div#foils img {
	width: 584px;
	height: 437px;
}

.foilslarge div#tools #buttons {
	height: 24px;
	width: 312px;
	cursor: pointer;
}

.foilslarge div#tools #buttons .tab {
	background-image: url(../skins/live/tab_background.gif);
	text-align: center;
}

.foilslarge div#tools #buttons .tab.selected {
	background-image: url(../skins/live/tab_background_hover.gif);
	text-align: center;
	color: #ffffff;
}

.foilslarge div#tools #buttons .tab.selected {
}

.foilslarge div#tools #buttons .separator {
	background-image: url(../skins/live/tab_separator.gif);
	width: 1px;
}

.foilslarge div#tools #contents {
	height: 155px;
	overflow-y: auto;
}

.nofoils div#live_controls, .foilssmall div#live_controls {
	position: absolute;
	width: 582px;
	height: 38px;
	top: 390px;
	left: 11px;
}

.foilssmall div#live_controls #controls {
	height: 39px;
}

.foilssmall div#live_controls #controls #left, .nofoils div#live_controls #controls #left {
	width: 99px;
	height: 39px;
}

.foilssmall div#live_controls #controls #middle, .nofoils div#live_controls #controls #middle {
	width: 388px;
	height: 39px;

}

.foilssmall div#live_controls #controls #middle #seeker {
	height: 39px;
}


.foilssmall #switch {
	position: absolute;
	width: 582px;
	height: 59px;
	top: 438px;
	left: 11px;
	line-height: 59px;
	text-align: center;
	cursor: pointer;
	background-color: #d8d8d8;
}

.foilssmall #windowsMediaPlayer, .foilssmall #flashPlayer {
	width: 584px;
	height: 330px;
}

.foilssmall div#foils img {
	width: 311px;
	height: 233px;
}

.foilssmall div#tools #buttons {
	height: 24px;
	width: 312px;
	cursor: pointer;
}

.foilssmall div#tools #buttons .tab {
	background-image: url(../skins/live/tab_background.gif);
	text-align: center;
}

.nofoils div#tools #buttons .tab.selected, .foilssmall div#tools #buttons .tab.selected {
	background-image: url(../skins/live/tab_background_hover.gif);
	text-align: center;
	color: #ffffff;
}

.foilssmall div#tools #buttons .separator {
	background-image: url(../skins/live/tab_separator.gif);
	width: 1px;
}

.foilssmall div#tools #contents {
	overflow-y: auto;
	height: 174px;
}

.nofoils #windowsMediaPlayer, .nofoils #flashPlayer {
	width: 584px;
	height: 330px;
}

.nofoils div#tools #buttons {
	height: 24px;
	width: 312px;
	cursor: pointer;
}

.nofoils div#tools #buttons .tab {
	background-image: url(../skins/live/tab_background.gif);
	text-align: center;
}

.nofoils div#tools #buttons .separator {
	background-image: url(../skins/live/tab_separator.gif);
	width: 1px;
}

.nofoils div#tools #contents {
	height: 349px;
}

.nofoils #switch {

	display: none;
}

.nofoils div#live_controls #switch {
	display: none;
}

.foilslarge div#live {
        position: absolute;
}

#live_message #info {
	border: 2px solid #222222;
	background-color: #5e5e5e;
	padding: 40px;
	margin: 20px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.nofoils #right, .foilssmall #right {
	width: 95px;
	height: 39px;
	line-height: 39px;
	font-size: 12px;
	text-align: center;
}

#logo_container {
	height: 59px;
	line-height: 59px;
}

#logo {
	position: absolute;
	top: 4px;
	left: 10px;
	border: 0px solid black;
}

#webcast_info {
	position: absolute;
	left: 500px;
	width: 427px;
	height: 50px;
	font-size: 18px;
	color: #5f5f5f;
	top: 4px;
	text-align: right;
}

div#tools #buttons .tab {
        background-image: url(../skins/live/tab_background.gif);
        text-align: left;
}

.foilslarge #live_controls {
}

.foilslarge #live_controls #playpause {
	float: left;
	background-image: url(../skins/live/play_small.jpg);
	background-repeat: no-repeat;
	width: 25px;
	height: 35px;
	cursor: pointer;
}

.foilslarge #live_controls #playpause:hover {
	background-image: url(../skins/live/play_small.jpg);
}

.foilslarge #live_controls #mute {
	float: left;
	background-image: url(../skins/live/sound_small.jpg);
	background-repeat: no-repeat;
	width: 25px;
	height: 35px;
	cursor: pointer;
}

.foilslarge #live_controls #mute:hover {
	background-image: url(../skins/live/sound_small.jpg);
}

.nofoils #live_controls #playpause, .foilssmall #live_controls #playpause {
	float: left;
	background-image: url(../skins/live/play.jpg);
	background-repeat: no-repeat;
	width: 49px;
	height: 39px;
	cursor: pointer;
}

.nofoils #live_controls #playpause:hover, .foilssmall #live_controls #playpause:hover {
	background-image: url(../skins/live/play_hover.jpg);
}

.nofoils #live_controls #mute, .foilssmall #live_controls #mute {
	float: left;
	background-image: url(../skins/live/sound.jpg);
	background-repeat: no-repeat;
	width: 50px;
	height: 39px;
	cursor: pointer;
}

.nofoils #live_controls #mute:hover, .foilssmall #live_controls #mute:hover {
	background-image: url(../skins/live/sound_hover.jpg);
}

.nofoils #live_controls, .foilssmall #live_controls, .foilslarge #live_controls {
	background-image: url(../skins/live/big_seeker.jpg);
	background-repeat: no-repeat;
}

.foilslarge #live_controls {
	background-image: url(../skins/live/small_seeker.jpg);
	background-repeat: no-repeat;
}

#help_button {
	position: absolute;
	left: 887px;
	top: 510px;
	z-index: 2000;
	width: 40px;
	height: 20px;
	line-height: 20px;
	background-image: url(../skins/live/help_button.jpg);
	background-repeat: no-repeat;
	text-align: center;
}