/***********************************************************************
Author:   		Daniel Söderström - www.logosol.se
Last edit:		2008-04-22
----------------------------------------------------------------------*/

/*
New 2008-04-22
----------------------------------------------------------------------*/
#media_manager{
	float: left;
	width: 100%;
	height: auto;
	bbackground: yellow;
}

#mm_top{
	float: left;
	width: 100%;
	height: auto;
	border-bottom: solid 1px #eeeeee;
	bbackground: blue;
}

#mm_middle{
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	bbackground: orange;
}

#mm_bottom{
	float: left;
	width: 100%;
	height: auto;
	padding-top: 10px;
	text-align: center;
	border-top: solid 1px #cccccc;
	background: url(../../../images/backgrounds/mm_gradient_bg.png) #ffffff repeat-x;
}

.mm_play_video_button{
	position: relative; 
	bottom: 90px; 
	right: 384px;
	padding: 0;
	width: 210px;
	height: 54px;
	margin-bottom: -54px;
	float: right;
	cursor: pointer;
}

.extra_equipped{
	color:#888;
	font-style:italic;
}

.mm_play_video_button.sv_SE{ background: url(../../../images/buttons/play-video_sv_SE.png) 0 0 no-repeat; }
.mm_play_video_button.sv_SE:hover{ background: url(../../../images/buttons/play-video_sv_SE.png) 0 -53px no-repeat; }

.mm_play_video_button.en_US{ background: url(../../../images/buttons/play-video_en_US.png) 0 0 no-repeat; }
.mm_play_video_button.en_US:hover{ background: url(../../../images/buttons/play-video_en_US.png) 0 -53px no-repeat; }

.mm_play_video_button.en_EN{ background: url(../../../images/buttons/play-video_en_US.png) 0 0 no-repeat; }
.mm_play_video_button.en_EN:hover{ background: url(../../../images/buttons/play-video_en_US.png) 0 -53px no-repeat; }

.mm_play_video_button.fr_FR{ background: url(../../../images/buttons/play-video_fr_FR.png) 0 0 no-repeat; }
.mm_play_video_button.fr_FR:hover{ background: url(../../../images/buttons/play-video_fr_FR.png) 0 -53px no-repeat; }

.mm_play_video_button.nb_NO{ background: url(../../../images/buttons/play-video_nb_NO.png) 0 0 no-repeat; }
.mm_play_video_button.nb_NO:hover{ background: url(../../../images/buttons/play-video_nb_NO.png) 0 -53px no-repeat; }

.mm_play_video_button.es_ES{ background: url(../../../images/buttons/play-video_es_ES.png) 0 0 no-repeat; }
.mm_play_video_button.es_ES:hover{ background: url(../../../images/buttons/play-video_es_ES.png) 0 -53px no-repeat; }

.mm_play_video_button.ru_RU{ background: url(../../../images/buttons/play-video_ru_RU.png) 0 0 no-repeat; }
.mm_play_video_button.ru_RU:hover{ background: url(../../../images/buttons/play-video_ru_RU.png) 0 -53px no-repeat; }

.mm_play_video_button.fi_FI{ background: url(../../../images/buttons/play-video_fi_FI.png) 0 0 no-repeat; }
.mm_play_video_button.fi_FI:hover{ background: url(../../../images/buttons/play-video_fi_FI.png) 0 -53px no-repeat; }

.mm_play_video_button.de_DE{ background: url(../../../images/buttons/play-video_de_DE.png) 0 0 no-repeat; }
.mm_play_video_button.de_DE:hover{ background: url(../../../images/buttons/play-video_de_DE.png) 0 -53px no-repeat; }

#mc_showmedia{
	float: left;
	width: 100%;
	height: 500px;
	height: auto;
	margin: 5px 0 0 0;
	dbackground: orange;
}

#mc_navigate_bottom{
	float: left;
	width: 100%;
	height: auto;
	bbackground: blue;
}





#img_navbar{
	float: left; 
	background: #e4e4e4; 
	font-weight: normal; 
	width: 384px; 
	margin: 0 2 0 2;
	line-height:2;
}

#img_navbar, #img_navbar a, #img_navbar a:hover, #img_navbar a:visited, #img_navbar a:active {
	color: #000;
	bcolor: #fff;
	text-decoration: none;
}

#prev{
	float: left; 
	background: #e4e4e4; 
	cursor: pointer; 
	width: 100px;
	line-height:2;
}

#next {
	float: right; 
	margin: 0 0 0 0; 
	background: #e4e4e4; 
	cursor: pointer; 
	width: 100px;
	line-height:2;
}





/* 
Contents 
----------------------------------------------------------------------*/

#media_holder{
	text-align: left;
	margin: 0 0 0 0;
	width: 100%;
	dheight: 385px;
}


#mm_image{
	position:absolute;
	float: left;
	clear: left;
	display: inline;
	z-index: 1;
	text-align: center;
	margin: 25 0 0 0;	
	padding: 0 0 0 0;
	width: 500px;
	height: 400px;
	background: #ffffff;



}

#mm_video{
	float: left;
	clear: left;
	position:absolute;
	display: inline;
	text-align: center;
	margin: 25 0 0 0;
	padding: 0 0 0 0;
	width: 590px;
	dheight: 410px;
}


#mm_icons{
	float:left;
	padding: 5 5 0 0;
}

#pageing{
	float: left; 
	width: 100%; 
	margin: 0 0 0 0; 
	background: #f2f2f2; 
	font-family: Arial; 
	font-size: 11px;
	text-align: center;
}


#thumb{
	float: left;
	margin: 0 7 10 0;
	padding: 0 0 0 0; 
	border: solid 1px #c5c5c5; 
	background-color: #ffffff; 
	padding: 3px;
	cursor:pointer;
}


.error_mess{
	padding-left: 10px;
	color: #cc0000;
	font-weight: bold;
}


/* 
Adminbox
----------------------------------------------------------------------*/
#admin_box{
	float: left;
}

#admin_box td{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#admin_box tr{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.AdminTable{
	border: 1px solid #cccccc;

}

.AdminTableTd{
	border-top: 1px solid #cccccc;
	background:yellow;

}


/* 
MediaManager navigate - menu
----------------------------------------------------------------------*/

#navbar {
	font-size: 11px;
	margin: 0 20px 0 0;
}

#navbar .navbar_content {
	width: auto;  
	height: 26px;
	padding: 14px 20px 0 20px;
	background: url(../../../images/backgrounds/gradient_40x10_down_2.png) repeat-x #fff;
	border-right: solid 1px #eee; 
	border-left: solid 1px #fff;
	color: #999;
	text-decoration: none;
	text-align: center;
	float: right;
}
#navbar .navbar_content:hover {	color: #444; background:url(../../../images/backgrounds/gradient_40x10_up_2.png) repeat-x #f9f9f9; }

#navbar .go_green {
	width: auto;  
	height: 23px;
	font-size:13px;
	font-weight:bold;
	padding: 12px 50px 3px 50px;
	margin-left:20px;
	margin-top:1px;
	background: url(../../../images/backgrounds/gradient_40x10_down_2___.png) repeat-x #006832;
	border-right: solid 1px #eee; 
	border-left: solid 1px #eee;
	color: #fff;
	text-decoration: none;
	text-align: center;
	float: left;
}
#navbar .go_green:hover {	color: #fff; background:url(../../../images/backgrounds/gradient_40x10_up_2___.png) repeat-x #007237; }

#navbar .first { border-left: solid 1px #eee; }

#navbar .sel { color:#444; background:url(../../../images/backgrounds/gradient_40x10_up_2.png) repeat-x #f9f9f9; }


/* 
Forms
----------------------------------------------------------------------*/

.form_400{
	width: 400px;
}


/* 
MM Tables
----------------------------------------------------------------------*/

#mm_table{
	dbackground: #989898;
}

.MM_Table{
	margin: 10 0 0 0;
	background: #e4e4e4;
	dbackground: #989898;

}

.MM_Table td{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;

}

#formDiv{
	float: left;
	width: 903px;
	margin: 0; 
	padding: 20px;
	padding-bottom:15px;
	text-align: left;
	border: 1px solid #ccc; 
	background:  #FEFEE3;
}




#formDiv.videoAdmin{
	margin-top: 20px;
}

#formDiv input.videoCodeTextBox{
	width: 700px;
	font-size:12px;
}

#formDiv input.videoCodeButton{
	font-size:12px;
	float:right;
	width: 160px;
}






#formDiv input.files{
	font-size: 12px;
	margin: 0 20px 5px 0;
	width: 600px;
}

#formDiv input.filesButton{
	font-size:12px;
	float:right;
	width: 160px;
}

#formDiv button.sortOrderButton{
	font-size:10px;
	float:right;
	width: 160px;
}



#errorDiv{
	width: auto; 
	margin: 0 0 10px 0; 
	padding: 5px; 
	border: 1px solid #ccc; 
	background: #effade;
}



/* 
Clearfixer
http://www.positioniseverything.net/easyclearing.html
----------------------------------------------------------------------*/
.clearer {
	line-height: 0;
	height: 0;
	clear: both;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}