@CHARSET "ISO-8859-1";

/**
 * Copyright © 2009 Max Digital Broadcasting Corporation. All rights reserved.
 * Revision: $Id: layout.css 269 2009-08-20 21:19:07Z wthompson $
 */

.max_i18n {
	visibility: hidden;
}

a img {
	border: 0px;
}

#outer_container {
	position: relative;
	left: 50%;
	margin-left: -375px;
	width: 750px;
	height: 535px;
	background: url(../images/max_player.jpg) no-repeat;
}
#max_tab_control {
	position: absolute;
	width: 420px;
	height: 33px;
	left: 158px;
	top: 3px;
}

#max_content_container {
	/**
	 * Bounding box for #player_container, #max_cc_panel, and #max_tab_content
	 * (allows controls to be positioned relative to bounding box rather than
	 * outer graphic)
	 */
	position: absolute;
	width: 685px;
	height: 340px;
	left: 25px;
	top: 42px;
	background-color: #000000;
}
#player_container {
	/**
	 * Note top and left are relative to bounding box
	 */
	position: absolute;
	width: 320px;
	height: 240px;
	background-color: #000000;
	top: 28px;
	left: 10px;
}
#player_container table {
	width: 100%;
	height: 100%;
	background-color: #000000;
}
#player_container td {
	vertical-align: middle;
	text-align: center;
	padding: 0px;
}
#player_container .error {
	text-align: center;
	color: #E38323;
	font-weight: bold;
}
#max_cc_panel {
	/**
	 * Note top and left are relative to bounding box
	 */
	position: absolute;
	width: 320px;
	height: 54px;
	background-color: #000000;
	top: 280px;
	left: 10px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
#max_cc_panel p {
	margin: 3px 0px;
}
#contol_divider {
	position: absolute;
	width: 458px;
	height: 24px;
	left: 83px;
	top: 391px;
	background-image: url(../images/divider.gif);
}
#max_video_controls {
	position: absolute;
	width: 308px;
	height: 23px;
	left: 83px;
	top: 390px;
}
#max_cc_controls {
	position: absolute;
	width: 33px;
	height: 23px;
	left: 396px;
	top: 390px;
}
#max_volume_controls {
	position: absolute;
	width: 108px;
	height: 23px;
	left: 434px;
	top: 390px;
}
#max_tab_content {
	/**
	 * Note top and right are relative to bounding box
	 */
	position: absolute;
	width: 320px;
	height: 240px;
	top: 28px;
	right: 10px;
	background-color: #000000;
}
#max_other_controls {
	position: absolute;
	width: 458px;
	height: 22px;
	left: 83px;
	top: 415px;
}
#max_other_controls img {
	margin: 1px 4px 0px;
	border: 0px;
}
#title {
	position: absolute;
	top: 439px;
	left: 29px;
	width: 496px;
	height: 57px;
}
#footer {
	position: absolute;
	top: 505px;
	left: 29px;
	width: 496px;
	height: 27px;
}
#slide_control_label {
	position: absolute;
	top: 390px;
	left: 556px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/**** Slide CSS ***********************************************/
#max_slide_controls {
	position: absolute;
	left: 532px;
	top: 403px;
	width: 212px;
	height: 107px;
}

#slide_content_div {
	position: absolute;
	width: 320px;
	height: 240px;
	top: 110px;
	left: 380px;
	background-color: white;
}

#slide_content_div img {
	width: 320px;
	height: 240px;
}

#max_reconnect {
	position: absolute;
	left: 17px;
	top: 45px;
	/* display: none;*/
}

#first_slide {
	position: absolute;
	left: 72px;
	top: 65px;
}

#previous_slide {
	position: absolute;
	left: 110px;
	top: 57px;
}

#next_slide {
	position: absolute;
	left: 145px;
	top: 45px;
}

#last_slide {
	position: absolute;
	left: 163px;
	top: 20px;
}

#counter_background {
	position: absolute;
	left: 85px;
	top: 20px;
}

#counter_digit1 {
	position: absolute;
	left: 97px;
	top: 25px;
}

#counter_digit2 {
	position: absolute;
	left: 107px;
	top: 25px;
}

#counter_digit3 {
	position: absolute;
	left: 117px;
	top: 25px;
}


/**** Tab Navigation Layout **************************************************/

#max_tab_control ul {
	padding: 0px;
	margin: 0px;
	width: 420px;
	height: 33px;
	text-align: center;
}
#max_tab_control ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#max_tab_control ul li img {
	width: 60px;
	height: 33px;
}

#max_tab_control ul {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#max_tab_content .ui-tabs-panel {
	width: 100%;
	height: 100%;
	overflow: auto;
	position: absolute;
}

#max_tab_content .ui-tabs-hide {
	display: none;
}

#max_tab_control .ui-tabs-disabled a {
	cursor: not-allowed;
}

#max_tab_content .notice {
	color: white;
	margin: 10px;
	font-family: sans-serif;
	font-weight: bold;
}

#max_tab_content #loading {
	background: #000000 url(../../../images/blank.gif) center center no-repeat;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: absolute;
	z-index: 1000;
}

#max_tab_content #loading.en {
	background-image: url(../../../images/loading_ani_en.gif);
}

#max_tab_content #loading.fr {
	background-image: url(../../../images/loading_ani_fr.gif);
}

.hidden-tab {
	display: none;
}

/**** General Control Layout *************************************************/

.controlContainer {
	width: 100%;
}
.controlContainer td {
	padding: 0px 2px;
	vertical-align: top;
	text-align: center;
}
#max_progress_slider {
	width: 141px;
	height: 13px;
	position: relative;
	margin-top: 5px;
	background-image: url(../images/progress_slider_back.gif);
}
#max_progress_slider .ui-slider-handle {
	position: absolute;
	z-index: 1;
	height: 13px;
	width: 25px;
	background: url(../images/progress_btn.gif) no-repeat;
}
#max_volume_slider {
	width: 70px;
	height: 13px;
	position: relative;
	margin-top: 5px;
	background: url(../images/vol_slider_back.gif) no-repeat;
}
#max_volume_slider .ui-slider-handle {
	position: absolute;
	margin-top: -1px;
	z-index: 1;
	height: 15px;
	width: 12px;
	background: url(../images/volume_btn.gif) no-repeat;
}
#max_progress_window {
	background: url(../images/progress_window.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px;
	height: 23px;
}
#max_progress_window td {
	text-align: center;
	vertical-align: middle;
}
#max_progress_window .time {
	width: 38px;
}
#max_progress_window #max_progress_current {
	padding-left: 5px;
}
#max_progress_window #max_progress_total {
	padding-right: 5px;
}

/**** Max Logo ***************************************************************/

#max_logo {
	position: absolute;
	left: 21px;
	top: 400px;
	
}