/* TEMP */

#temp_nav a {
	font: normal 13px Verdana;
	color: #336699;
}

/* PNG fix for IE6 */
* html div,
* html img,
* html a,
* html input.send_form,
* html input.btn_download
{
	behavior: url(../themes/km/css/iepngfix.htc) 
}

/* --- Mediaplayer --- */

#mediaplayer {
	background: url(/themes/km/img/mediaplayer/mediaplayer_backgr.png) no-repeat;
	height: 574px;
	width: 658px;
	padding-left: 14px;
}

#mediaplayer p, 
#mediaplayer form {
	margin: 0;
	padding: 0;
	font: normal 11px Verdana;
	color: #fff;
}

#mediaplayer p {
	margin-bottom: 5px;
}

#mediaplayer_content_box table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#mediaplayer_content_box table td {
	margin: 0;
	padding: 0;
}

#mediaplayer table td {
	font: normal 11px Verdana;
	color: #fff;
	margin: 0;
	padding: 0;
}

#mediaplayer a {
	font: normal 11px Verdana !important;
	color: white !important;
}

/* --- Heading --- */

#mediaplayer h1 {
	font: bold 16px Verdana;
	color: #345d7c;
	height: 35px;
	line-height: 16px;
	margin: 0;
	padding: 15px 0 0 0;
	width: 480px;
}

#mediaplayer h1.photo {
	background: url(/themes/km/img/mediaplayer/mediaplayer_photo.gif) no-repeat left top;
	padding-left: 50px;
}

#mediaplayer h1.video {
	background: url(/themes/km/img/mediaplayer/mediaplayer_video.gif) no-repeat left top;
	padding-left: 50px;
}

#mediaplayer h4 {
	font: normal 11px Verdana !important;
	color: white !important;
	margin: 0 0 5px 0 !important;
}

/* --- Player elements --- */

#mediaplayer .content_area {
	margin-top: -3px;
	width: 640px;
	height: 480px;
	margin-bottom: 5px;
	/*border: 1px solid #666;*/
	border-bottom: none;
	border-left:none;
	position: relative;
	overflow: hidden;
	/*background:#000000;*/
}

#mediaplayer .content_area .content {
	float: left;
}

#mediaplayer_content_box table {
	width: 640px;
	height: 480px;
	padding: 0px;
	margin: 0px;
}

#mediaplayer_content_box td {
	text-align: center;
}

#mediaplayer img {
	/* Overrule CSS fix from layout.css */
	display: inline !important;
}


/* Footer = prev/next + caption */
#mediaplayer .footer {
	position: relative;
}

#mediaplayer .caption {
	color: #183d58;
	font: normal 11px Verdana;
	width: 550px;
	text-align: center;
	position: absolute;
	top: 5px;
	left: 40px;
	padding-top: 5px;
	overflow:hidden;
	height:15px;
}

#mediaplayer .footer a {
	display: block;
	height: 25px;
	width: 25px;
	position: absolute;
	top: 5px;
}

/* Prev/next links */
#mediaplayer .footer a.prev {
	background: url(/themes/km/img/mediaplayer/mediaplayer_prev.gif) no-repeat left top;
	left: 10px;
}

#mediaplayer .footer a.prev:hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_prev_over.gif) no-repeat left top;
}

#mediaplayer .footer a.next {
	background: url(/themes/km/img/mediaplayer/mediaplayer_next.gif) no-repeat left top;
	left: 605px;
}

#mediaplayer .footer a.next:hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_next_over.gif) no-repeat left top;
}

/* --- Close buttons ---  */

#mediaplayer a.close_player {
	float: right;
	display: block;
	background: url(/themes/km/img/mediaplayer/mediaplayer_close.png) no-repeat left top;
	height: 17px;
	width: 17px;
	margin: 15px 15px 0 0;	
}

#item_number {
	float: right;
	display: block;
	height: 17px;
	width: 40px;
	margin: 18px 15px 0 0;
	color:#183d58;	
	font: bold 12px Verdana;
	
}

* html #mediaplayer a.close_player {
	margin-right: 20px;
}

#mediaplayer a.close_player:hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_close_over.png) no-repeat left top;
}

#mediaplayer a.close_tab {
	position: absolute;
	left: 530px;
	top: 35px;
	display: block;
	background: url(/themes/km/img/mediaplayer/mediaplayer_close_dark.png) no-repeat left top;
	height: 31px;
	width: 33px;
}

#mediaplayer a.close_tab:hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_close_dark_over.png) no-repeat left top;
}

/* --- Tabs --- */

#mediaplayer .tab_container {
	position: absolute;
	/* top: 219px; = visible */
	/* top: 458px; = hidden */
	top: 458px;
	left: 0px;
	height: 261px;
	width: 600px;
	filter: none;
}

#mediaplayer .tab_container .tabs {
	height: 22px;
	position: relative;
}

#mediaplayer .tab_container a.tab {
	position: absolute;
	display: block;
	top: 0;
	height: 22px;
	width: 170px;
	outline: none;
	display: none;
}

#mediaplayer .tab_container a.share_light {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_share_light.png) no-repeat left top;
	left: 0;
	z-index: 110;
}

#mediaplayer .tab_container a.share_light:hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_share_hover.png) no-repeat left top;
	z-index: 130;
	left: 0;
}

#mediaplayer .tab_container a.share_dark {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_share_dark.png) no-repeat left top;
	z-index: 110;
	left: 0;
}

#mediaplayer .tab_container a.download_light {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_down_light.png) no-repeat left top;
	margin-left: -5px;
	z-index: 100;
	left: 165px;
}

#mediaplayer .tab_container a.download_light:hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_down_hover.png) no-repeat left top;
	margin-left: -5px;
	z-index: 120;
	left: 165px;
}

#mediaplayer .tab_container a.download_dark {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_down_dark.png) no-repeat left top;
	margin-left: -5px;
	left: 165px;
	z-index: 120;
}

/* --- Tab surfaces --- */
#mediaplayer .tab_surface {
	height: 239px;
	width: 577px;
}

#mediaplayer .surface_empty {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_empty.png) no-repeat left top;
}

#mediaplayer .surface_sep {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_separator.png) no-repeat left top;
}

#mediaplayer .surface_logo {
	background: url(/themes/km/img/mediaplayer/mediaplayer_tab_logo.png) no-repeat left top;
}

/* Tell a friend form */

.left_column {
	float: left;
	padding: 15px 10px 10px 20px;
	height: 200px;
	width: 255px;
}

.left_column table {
	margin: 10px 0 0 0;
	padding: 0;
}

.left_column table td {
	padding: 0;
	margin: 0;
}

.left_column .send_form {
	background: url(/themes/km/img/mediaplayer/mediaplayer_button_send.png) no-repeat left top;
	height: 28px;
	width: 100px;
	border: none;
	cursor: pointer;
}

.send_form_hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_button_send_hover.png) no-repeat left top !important;
}

/* --- Download --- */

.btn_download {
	background: url(/themes/km/img/mediaplayer/mediaplayer_button_download.png) no-repeat left top;
	height: 28px;
	width: 100px;
	border: none;
	cursor: pointer;
}

.btn_download_hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_button_download_hover.png) no-repeat left top;
}

/* --- Copy button --- */

.btn_copy {
	background: url(/themes/km/img/mediaplayer/mediaplayer_button_copy.png) no-repeat left top;
	height: 28px;
	width: 100px;
	border: none;
	cursor: pointer;
}

.btn_copy_hover {
	background: url(/themes/km/img/mediaplayer/mediaplayer_button_copy_hover.png) no-repeat left top !important;
}

/* --- Video embedcode --- */

asd { }

.right_column {
	float: left;
	padding: 15px 0px 10px 10px;
	margin-left: 30px;
	height: 210px;
	width: 240px;
}

input.code {
	font: normal 11px "Courier New" !important;
	margin: 0 5px 5px 0;
	width: 100px;
	height: 16px;
}

input.text {
	font: normal 11px Verdana;
}

ul.social_sites {
	list-style-type: none;
	margin: 5px 0;
	padding: 5px 0;
}

ul.social_sites li {
	float: left;
	padding: 5px 0;
}

ul.social_sites a {
	font: normal 11px Verdana;
	color: #fff;
	display: block;
	height: 16px;
	width: 75px;
	padding-left: 35px;
	text-decoration: none;
}

ul.social_sites a:hover {
	text-decoration: underline;
}

a.link_hyves {
	background: url(/themes/km/img/mediaplayer/mediaplayer_icon_hyves.png) no-repeat left top;
}

a.link_myspace {
	background: url(/themes/km/img/mediaplayer/mediaplayer_icon_myspace.png) no-repeat left top;
}

a.link_facebook {
	background: url(/themes/km/img/mediaplayer/mediaplayer_icon_facebook.png) no-repeat left top;
}

/* --- Validation feedback --- */

#mediaplayer .feedback {
	font-weight: bold;
	color: red; 
}

.hidden {
	display: none;
}

/* --- jqModal styling --- */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 15%; 
    left: 50%;
    
    margin-left: -337px;
    width: 674px;
    
    background-color: transparent;
    color: #333;
    z-index: 3000 !important;
}

.jqmOverlay { background-color: #000; z-index: 2000 !important; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     /* 
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
     */
     top: 50px;
}