/* @override http://localhost/youk%20-%20google/css/style.css */

/*
 * passiv färg = #EEEEEE
 * aktiv färg = 003300
 * aktiv rolloverfärg = #33cc33;
 * 
 */

/* @group general */

*
{
	margin:0;
	padding:0;
}

/* tar bort blå fokus ram från safarai*/
*:focus {outline: 0;}

html
{
	overflow-y:scroll;
}

body
{
	font-family:Helvetica,Arial, sans-serif;
	font-size:67.5%;
}

#ie
{
	display:none;
}
h3{
	font-size:12px;
}
h2{
	font-size:16px;
}
a{
	cursor:pointer;
	text-decoration:none;
}
a img
{
	border:none;
}
.hidden
{
	display:none;
}


/* @end */

/* @group falldown areas */



/* @end */

/* @simple controls */
#simpleControls
{
	float:left;
	clear:both;
	width:100%;
}
#simpleControls a
{
	float:left;
	width:100%;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	color:#666;
}

/* @end */

/* @group menu controls */

#controls
{
	float:left;
	clear:both;
	width:100%;
	font-size:1em;
	margin-bottom:10px;
	border-bottom:1px solid #DDDDDD;
	padding:20px 0 10px;
}

#controls a#control_anim_holder
{
	background-color:#FFFFFF;
	margin-left:50px;
}
#controls a span
{
	position:absolute;
	bottom:35px;
	padding:3px 4px 6px 4px;
	color:#FFFFFF;
 	background:url(../img/tooltip_bottom.png) no-repeat bottom;
	background-color:orange;
	text-align:center;
	
	
	
	background-color:#DDD;
	
}
#controls a:hover
{
	color:#333;
}
#controls a
{
	color:#DDD;
	position:relative;
	float:left;
	background-color:#EEEEEE;
	display:block;
	margin:0 4px;
	height:30px;
}
a#play
{
	background:#EEEEEE url('../img/play.png') no-repeat;
	height:30px;
	width:30px;
	float:left;
	margin:0 0 3px;
}

a#facebook_link
{
	background-color:#FFF;
	background-image:url('../img/icon_facebook.png');
	width:30px;
	height:30px;
}
a#facebook_link span, a#twitter_link span
{
	left:-2px;
}
a#facebook_link:hover
{
	background-image:url('../img/icon_facebook.png');
}
a#twitter_link
{
	background-color:#FFF;
	background-image:url('../img/icon_twitter.png');
	width:30px;
	height:30px;
}
a#twitter_link:hover
{
	background-image:url('../img/icon_twitter.png');
}
a#share_btn
{
	background:#EEEEEE url('../img/share.png') no-repeat;
	height:30px;
	width:30px;
	float:left;
}
a#settings_btn
{
	background:#EEEEEE url('../img/settings-btn.png') no-repeat;
	height:30px;
	width:30px;
	float:left;
	margin:0 5px 0 8px;	
}
a#settings_btn span
{
	left:-8px;
}
a#settings_btn:hover
{
	background-image:url('../img/settings-btn-hover.png');
}
a#clearAll
{
	background:#EEEEEE url('../img/clear.png') no-repeat;
	height:30px;
	width:30px;
	float:right;
}
a#pause
{
	background:#EEEEEE url('../img/pause.png') no-repeat;
	display:none;
	height:30px;
	width:30px;
	margin:0 0 3px;	
}
a#pause span{
	left:-6px;
}
a#showAdd
{
	background: #EEEEEE url('../img/add.png') no-repeat;
	float:right;
	height:30px;
	width:30px;
	display:none;
}
a#closeAdd
{
	background: #888 url('../img/close.png') no-repeat;
	float:right;
	height:30px;
	width:30px;
}
a#saveBtn
{
	background: #EEEEEE url('../img/save.png') no-repeat;
	float:left;
	height:30px;
	width:30px;
	margin:0 3px 0 2px;
}
a#skip
{
	
	float:left;
	height:30px;
	width:30px;
}
a#info_btn
{
	background: #EEEEEE url('../img/info_btn.png') no-repeat;
	float:left;
	height:30px;
	margin:0;	
	width:30px;
}
a#info_btn span
{
	left:2px;
}

a#help
{
	background: url('../img/help.png') #EEEEEE no-repeat;
	float:left;
	height:30px;
	width:30px;
	margin:0 0px 0 2px;
}



/* @end */

/* @group playlist item */

.playListItem
{
	cursor:pointer;
	float:left;
	clear:both;
	padding:10px 5px;
	overflow:hidden;
	display:none;
	position:relative;
}
.playListItem a
{
	z-index:2;
	position:relative;
}
.playMark
{	
	float:left;
	left:0;
	position:absolute;
	background-image:url('../img/opacity30.png');
	top:0px;
	height:100%;
}
.markHolder
{
	height:100%;
	width:100%;
	float:left;
	left:0px;
	top:0px;
	position:absolute;
	z-index:1;
}
.playListItem h2
{
	float:left;
	margin-right:5px;
	margin-left:5px;
	z-index:2;
	position:relative;
}
/* edit input for playlist item */
.playlistItem_edit
{
	padding:2px 3px;
	width:500px;
	opacity:0.7;
	font-size:1.5em;
	border:2px solid #999;
}
/* edit button for playlist item */
.playlist_item_edit_btn
{
	cursor:pointer;
	float:right;
	margin-right:5px;
	margin-top:5px;
	color:#333;
	position:absolute!important;
	top:0px;
	right:30px;
}
/*save button for playlist item */
.playlist_item_save_btn
{

}
.playlist_item_save_btn:hover
{
	color:#000;
	text-decoration:none;
}
/* Delete playlist item */
.delPlayListItem
{
	float:right;
	line-height:0.22em;
	height:8px;
	width:21px;
	cursor:pointer;
	background:no-repeat url('../img/delete_track.png');
	margin-right:5px;
	margin-top:2px;
}
a.delPlayListItem:hover
{
	background:no-repeat url('../img/delete_track_hover.png');
}
/* ? */
.playListItemMessage
{
	margin-left:5px;
	float:left;
}
/* extra info, source url mm */
.media_item_additonal_info
{
	float:left;
	height:0;
	margin-left:5px;
	clear:both;
	overflow:hidden;
}
.media_item_additonal_info_inner
{
	float:left;
	clear:both;
	width:650px;
	margin-left:0px;
}
.media_item_additonal_info a
{
	color:#000;
	text-decoration:none;
	margin-right:10px;
	margin-top:2px;
	float:left;
}



/* @end */
#playlist_title
{
	width:100%;
	font-size:3em;
	color:#666;
	text-align:center;
	padding:0;
}
#playlist_title_holder
{
	float:left;
	width:100%;
	overflow:hidden;
}
.logo
{
	width:100%;
	float:left;
	text-align:center;
	margin:45px 0 10px 0;
}
#wrapper,.wrapper
{
	width:700px;
	margin:0 auto;
}
.upper_box
{
	display:none;
}
#addForm
{
	float:left;
	clear:both;
	margin:0;
	width:100%;
	overflow:hidden;
	height:50px;
}
#addForm input
{
	font-size:2em;
	width:568px;
	float:left;
	
}
#addForm a{
	color:#DDD;
	width:92px;
}
.input_text_left
{
	border:none;
	background:url('../img/input_text_left_2.png') no-repeat left;
	height:34px;
	padding-left:10px;
	padding-top:5px;
	width:65px;
}
.input_text_right
{
	float:left;
	height:34px;
	width:21px;
	padding:2px 0;
	float:left;
	background:url('../img/input_text_right.png') no-repeat left;
}
.button
{
	float:left;
	height:34px;
	background:url('../img/button_bg.png') no-repeat left bottom;
}
.button span
{
	text-align:center;
	line-height:1.5em;
	font-weight:bold;
}
.button_with_input_left, .button_with_input_left_on_black
{
	float:left;
	height:33px;
	margin-top:3px;
	padding:0 0 0px 30px;
	background:url('../img/button_and_input_2.png') no-repeat left bottom;
}
.button_with_input_left_on_black
{
	background:url('../img/button_and_input_2_on_black.png') no-repeat left bottom;	
}


.button_right, .button_right_on_black
{
	color:#FFFFFF;
	float:right;
	display:block;
	height:31px;
	padding-top:2px;
	padding-right:20px;
	background:url('../img/button_right.png') no-repeat right bottom;
}
.button_right_on_black
{
	background:url('../img/button_right_on_black.png') no-repeat right bottom;
}
body .label_right_30_on_black
{
 	background-image:none;/*url('../img/down_right_corner.png');*/
}
.button_right_30, .button_right_30_on_black, .label_right_30_on_black
{
	float:right;
	display:block;
	background:url('../img/button_30_right.png') no-repeat right bottom;
}


.button_left_30, .button_left_30_on_black, .label_left_30_on_black
{
	float:left;
	display:block;
	height:30px;
	background:url('../img/button_30_left.png') no-repeat left bottom;
}
.label_left_30_on_black
{
	background-image:url('../img/upper_left_corner.png');
	background-position:top left;
	margin-left:-5px;
	font-size:14px;
	line-height:2.5em;
}
.circle_23x23
{
	background-image:url('../img/circle_23x23.png');
	background-color:red;
	width:23px;
	height:23px;
	display:block;
	padding:0;
}
.loading_span
{
	width:100%;
	text-align:center;
	line-height:1.5em;
	float:left;
}
.floatL
{
	width:100%;
	float:left;
}
.floatL30
{
	width:30%;
	float:left;
}
.floatL70
{
	width:70%;
	float:left;
}
.floatL70 input
{
	float:right;
}
.floatL70 h2
{
	float:right;
	width:98%;
}
.inner_hidden_upper
{
	margin:20px 0;
}
#addMediaBtn
{
	background-color:#EEEEEE;
	font-size:2.5em;
	line-height:1.3em;
	font-weight:bold;
	text-align:center;
}
#messageBox
{
	width:100%;
	font-size:1.4em;
	background-color:#FFFFFF;
	overflow:hidden;
	text-align:center;
	/*margin:10px 0;*/
	padding:5px 0;
	margin-bottom:10px;
	float:left;
	height:15px;
}
#playList
{
	position:relative;
	float:left;
	clear:both;
	width:100%;
}
.mediaHolder
{
	float:left;
	position:relative;
	overflow:hidden;
	height:0px;
	width:640px;
	margin-left:5px;
	clear:both;
}
.mediaHolder div
{
	margin:5px 0;
}

object
{
	visibility:visible;
}
#mPlayer1, #mPlayer2
{
	visibility:visible;
}
#mPlayer1SwfHolder, #mPlayer2SwfHolder 
{
	float:left;
	height:0;
	overflow:hidden;
}
.videoDescription
{
	font-size:1em;
	color:#666666;
}
#resultDiv
{
	overflow:hidden;
	float:left;
	clear:both;
	width:100%;
	height:0;
}
.searchlist_controls
{
	clear:both;
	float:left;
	width:100%;
	border-bottom:#DDDDDD solid 1px;
	margin-bottom:5px;
}
.searchlist_addall
{
	float:left;
	line-height:1.3em;
}
.searchlist_addall img
{
	float:left;
	background:url('../img/add_small.png') no-repeat left;
	background-color:#DDDDDD;
	width:12px;
	height:12px;
	margin-right:5px;
}
#clear_search_btn
{
	float:right;
	background-image:url(../img/close_flik_on_white.png);
	background-repeat:no-repeat;
	background-color:#DDDDDD;
	color:#131313;
	width:24px;
	height:17px;
	margin-bottom:-1px;
}
#clear_search_btn img
{
	background:url(../img/close_flik_inner.png) no-repeat;
	background-color:#DDDDDD;
	float:left;
	display:block;
	height:13px;
	margin-left:1px;
	margin-top:3px;
	width:19px;
}
/* search result list */
.search_list_result_holder
{
	float:left;
}
.search_list_result_holder div
{
	padding:4px 1%;
	width:98%;
	float:left;
	height:15px;
	background-color:#FFFFFF;
}

.search_list_result_holder div div.search_list_additional_info
{
	width:680px;
	padding:0;
	height:auto;
	overflow:hidden;
	background-color:transparent;
}
.search_list_result_holder div div.search_list_additional_info p
{
	margin:0 10px 0 0;
	opacity:0.8;
}
.search_list_result_holder div div.search_list_additional_info a
{
	display:block;
	float:left;
	opacity:0.8;
	color:#000000;
}
.search_list_result_holder div div.search_list_additional_info a:hover
{
	text-decoration:none;
	opacity:1;
}
.search_list_result_holder div p,.search_list_result_holder div h3
{
	float:left;
	clear:left;
}
.search_list_result_holder div h3
{
	cursor:pointer;
	width:600px;
	padding:3px 0;
}
a.list_add_btn
{
	height:15px;
	width:15px;
	background:url(../img/add_small.png) #131313;
	float:right;
}
/* youtubelist */

.videoList
{
	width:700px;
}
.youtube_result_holder div, .youtube_result_item_holder
{
	background-color:#DDDDDD;
	float:left;
	width:130px!important;
	margin:0 5px 10px 10px;	
	padding:0 0px 0px;
	cursor:pointer;
	overflow:hidden;
}
div.yt_related_holder
{
	margin:0;
	padding:0;
	background-color:transparent;
}
div.related_video_item
{
	margin:0px;
	padding:4px;
	background-color:transparent;

}
div.related_video_item  img
{
		float:left;
}
div.related_video_item span
{
	float:left;
	width:92px;
	margin-left:2px;
}
.youtube_result_holder div.yt_end_of_row
{
	padding-left:0px;
	padding-right:0px;
	clear:right;
	float:left;
	width:130px;
	margin-right:0;
	margin-left:5px;
}
.youtube_result_holder div.yt_start_of_row
{
	padding-left:0px;
	padding-right:0px;
	clear:left;
	width:130px;
	margin-right:0;
	margin-left:0;
}
div.yt_start_of_row .searchThumbnail a, div.yt_start_of_row .searchThumbnail img
{
	margin-left:0px;
}

.searchMetaData
{
	float:left;
	width:92%;
	padding:0 4%;
	clear:both;
}
.searchThumbnail
{
	position:relative;
	float:left;
}
.searchThumbnail img
{
	float:left;
}

.searchThumbnail a
{
	float:left;
	text-align:center;
	width:130px;
	margin-top:5px;
	display:block;
	text-decoration:none;
	color:#131313;
	font-size:1.2em;
}
.searchThumbnail img.hover_img
{
	position:absolute;
	top:0;
	left:0px;
	float:none;
	z-index:1000;
}
body a.yt_right
{
	float:right;
	margin-left:0;
}
body a.yt_left
{
	float:left;
	margin-left:5px;
}
a.yt_additonal_hover
{
	margin:7px 3px 3px;
	padding:0 5px 5px 8px;
	float:left;
	clear:right;
	background:no-repeat url(../img/small_show_icon.png);
	background-position-y:center;
	line-height:0.8em;
}
a.yt_additonal_hover:hover
{

	text-decoration:underline;
}
div.yt_end_of_row span.searchThumbnail img
{
	float:right;
}
.youtube_result_holder div.yt_end_of_row span.searchThumbnail a
{
	float:right;
}
.youtube_result_holder div.yt_end_of_row span.searchThumbnail
{
	float:right;
	margin-right:0px;
}
#previousPageButton, #nextPageButton
{
	display:none;
}
.pageInfoHolder
{
	float:right;
	margin:2px 4px;
	color:#333;
}
#hidden_upper_part
{
	float:left;
	width:100%;
	height:0px;
	background-color:#131313;
	overflow:hidden;
}
#hidden_upper_wrapper
{
	color:#EEEEEE;
}
#hidden_upper_wrapper h2
{
	padding:30px 0 5px;
	width:680px;
	text-align:center;

}
#hidden_upper_wrapper p
{
	padding:0px 0 10px;

}
embed
{
	visibility:hidden;
}
/*
 * upload images
 * */
.upload_image_btn
{
	font-family:Arial, Helvetica, sans-serif;
}
#btnCancel
{
	display:none;
}
#playlist_img
{
	margin:0 auto;
}
#playlist_img, #playlist_title
{
	display:none;
	float:left;
}
.input_playlist_title_holder, .info_input_holder
{
	position:relative;
	float:left;
	padding-top:10px;
	width:100%;
	padding-bottom:20px;
}
#input_playlist_url
{
	color:#666;
	float:left;
	width:530px;
	margin:0;
	font-size:2em;
	line-height:1.4em;
	padding:3px;
}
#label_to_url
{
	display:none;
	float:left;
	color:#FFFFFF;
	font-size:1.3em;
}
#playlist_url_link
{
	color:#888888;
	border:none;
	background-color:transparent;
	width:100%;
	text-align:left;
	font-size:2em;
	float:left;
}
#input_playlist_title, .input_generic_info
{
	color:#666;
	float:left;
	width:495px;
	margin:0;
	font-size:2em;
	line-height:1.4em;
	padding:6px 8px 0px 7px;
}
#setting_private, #setting_widget
{
	float:left;
	width:100%;
	padding-bottom:14px;
	padding-top:35px;
}
.settings_row{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:20px;
}
.settings_column
{
	float:left;
	width:48%;
}
/* widget */

#widget_textarea
{
	float:left;
	
	width:100%;
	clear:both;
	height:30px;
	color:#666;
	border:none;
	margin-bottom:10px;
}
#widget_width_holder
{
	overflow:hidden;
	height:0px;
}
.widget_textarea_holder
{
	padding:5px;
	background-color:#FFF;
}
#widget_width
{
	background-color:#DDDDDD;
	border:medium none;
	color:#666;
	text-align:center;
	font-size:2em;
	padding:3px;
	width:60px;
}
.info_column
{
	width:45%;
	float:left;
}
.info_column_right{
	float:right;
}

#hidden_upper_wrapper .info_column h2
{
	text-align:left;
	width:100%;
	padding:5px 0 5px 0;
}
.info_column a
{
	font-size:1.2em;
}
.share_playlist
{
	clear:both;
	float:left;
	width:100%;
}
#help_div p, #share_playlist p
{
	color:#BBB;
	font-size:1.2em;
	line-height:1.4em;
}
#hidden_upper_wrapper #help_div a
{
	text-decoration:none;
}
#hidden_upper_wrapper #help_div a:hover
{
	text-decoration:underline;
}
.settings_colimn_right
{
	float:right;
	margin-left:2%;
}
.settings_colimn_right .checkbox_label, .settings_colimn_right .checkbox_holder
{
	float:right;
}

.checkbox_label
{
	float:left;
	background-color:#FFFFFF;
	margin-left:5px;
	color:#333333;
	font-size:1.4em;
	
	line-height:30px;
	width:250px;
}
.checkbox_label a
{
	padding:0 15px;
	
}
#hidden_upper_part a.checkbox_label_questionmark, a.checkbox_label_questionmark
{
	float:right;
	padding:0;	
	margin-right:5px;
	margin-top:4px;
	text-align:center;
	line-height:26px;
	background-color:#DDD;
	color:#FFF;
}
#hidden_upper_part a.checkbox_label_questionmark:hover, a.checkbox_label_questionmark:hover
{
	color:#FFF;
}
.checkbox_label_additonal_info, #hidden_upper_wrapper p.checkbox_label_additonal_info
{
	background-color:#DDD;
	font-size:0.75em;
	float:left;
	width:100%;
	line-height:14px;
	padding:0;
}
.checkbox_label_additonal_info span
{
	float:left;
	padding:5px 10px 10px;
}
.checkbox_label_additonal_info_holder
{
	height:0px;
	overflow:hidden;
	float:left;
	width:100%;
}
#save_settings, #send_email_button
{
	background-color:#DDDDDD;
	cursor:pointer;
	font-size:2em;
	width:154px;
}
#send_email_button
{
	width:105px;
}
#input_send_email
{
	width:545px;
}
#save_settings span
{
	padding-right:6px;
	width:145px;
	
}

.ac_results {
	padding: 3px;
	background-color: #FFF;
	overflow: hidden;
	z-index: 99999;
	border:solid 1px #DDD;
	border-top:none;
	margin-left:8px;
	margin-top:-3px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 3px 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 1.4em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 1.2em;
	overflow: hidden;
}
.ac_results li h4
{
	color:#000;
	margin-bottom:0;
	font-size:0.9em;
}
.ac_results li strong
{
	color:green;
}
.ac_results li p{
	color:#AAA;
	font-size:0.75em;
	margin-top:0px;
}
.ac_loading {
	background: white url('img/loader.gif') right center no-repeat;
}

.ac_odd {
	/*background-color: #eee;*/
}

.ac_over {
	background-color: #EEE;
	color: #131313;
}
#debugPanel
{
	background-color:#DDD;
	position:absolute;
	bottom:0px;
	right:0px;
	height:300px;
	width:300px;
	padding:10px;
	display:none;
}
#debugOutput
{
	height:140px;
	padding:10px 5px;
	width:290px;	
	overflow:auto;
}
#bufferCheck
{
	padding:10px 5px;
}
.player_debug
{
	display:none;
}
.playlistItem_time
{
	opacity:0.5;
	color:#FFF;
}
.totalTime
{
	font-size:10px;
	font-weight:normal;
}
.close_flik
{
	background:center url('../img/close_flik.png') no-repeat;
	display:block;
	float:left;
	height:20px;
	left:680px;
	position:relative;
	top:20px;
	width:22px;
}
.close_flik img
{
	width:22px;
	height:10px;
	margin-top:5px;
	float:left;
	background:center url('../img/close_flik_inner.png') #333333 no-repeat;
}
.checkbox_holder
{
	width:37px;
	height:30px;
	background:center url('../img/check_box_bg.png') no-repeat;
	float:left;
	cursor:pointer;
	margin-right:5px;
}
.checkbox_holder span
{
	background: #FFFFFF center url('../img/check_box_inner.png') no-repeat;
	border:none;
	float:left;
	height:18px;
	margin:6px 7px;
	width:18px;
}



.dark_loading_anim
{
	background:center url(../img/loader-dark.gif) no-repeat #131313;
	height:35px;
	width:35px;
	display:none;
	float:right;
}
.dark_finished
{
	background:center url(../img/finished_dark.png) no-repeat;
	background-color:#234978;
	height:35px;
	width:35px;
	display:none;
	float:right;
	
}
.errorMessage
{
	color:red;
	text-align:center;
	width:100%;
	display:none;
}
#hidden_upper_wrapper h2.emailErrorBubble
{
	position:absolute;
	background-color:red;
	color:#FFF;
	bottom:60px;
	padding:5px;
	position:absolute;
	right:25%;
	width:300px;
}
#currentPlayingMarker
{
	position:absolute;
	padding:5px;
	background-color:#000;
	color:#FFF;
	z-index:11111111;
}
#rolloverAreaForMenu
{
	width:100%;
	position:absolute;
	top:0px;
	height:20px;
}
a.black_link, a.black_link:hover
{
	color:#333!important;
}

/* general classes that are uses every where */

/***
 * Tooltip for edit/add/delete/play	 items
 */
.toolTip
{
	display:none;
	position:absolute;
	padding:3px 5px 9px 5px;
	background-color:transparent;
	background:url('../img/tooltip.png') center bottom;
	color:#FFF;
}

/* @group spots */

#spotLayer {
	float: left;
	clear: both;
	width: 678px;
	padding: 11px;
	background-color:#EEE;
	margin-top:10px;
}
.spotLeft3, .spotMiddle3, .spotRight3
{
	background-color:#FFF;
	padding-bottom:10px;
}
.spotLeft3{
	background-color:transparent;
}
.spot
{
	float:left;
	clear:both;
	margin-bottom:10px;
	background:#FFF;
	width:100%;
}
.spot h2
{
	color:#FFF;
}
.spot .linkHolder
{
	float: left;
	clear: both;
	width:98%;
	padding:1%;
}
.spot .linkHolder a
{
	
color:#000000;
display:block;
float:left;
font-size:1.2em;
margin:3px;
padding:4px;
}
.spot .linkHolder a:hover
{
	
	color: #FFF;
}
.spot .textHolder
{
	font-size:1.1em;
	line-height:1.5em;
	padding:10px;
	color:#666;
}

.spotLeft3 h2, .spotRight3 h2,.spotMiddle3 h2{
	font-weight:normal;
	padding-bottom: 10px;
}
.spotLeft3
{
	width:220px;
	padding:0px;
	float: left;
	overflow:hidden;
}
.spotMiddle3 h2
{
	float: right;
	padding:10px;
	margin-bottom: 5px;
	clear:both;
	background-color: #137F14;
	color:#FFF;
}
.spotMiddle3
{
	float: left;
	width:220px;
	margin-left:8px;
	
}
.headBlog
{
	width:100%;
	padding:10px 0;
	color:#FFF;
	background:orange;
	display:block;
	font-size: 1.5em;
	text-align:center;
	
}

.spotMiddle3 .headBlog:hover
{
	background-color:#DDD;
	color:#000;
}
.spotRight3
{
	float:right;
	width:220px;
}
.spotRight3 h2
{
	text-align:right;
	background:#cc337f;
	padding:10px;
	margin-bottom: 5px;
	color:#FFF;
	float:right;
	clear: both;
}


.latestSourceLink,.latesListLink
{
	padding:4px 2px 4px 2px;
	display:block;
	position:relative;
	font-size:12px;
	color:#666;	
}
.latesListLink
{
	font-size:12px;
	float:left;
}
.latestSourceLink
{
	float:left;
}
#latestLists, #sourcesContens
{
	position: relative;
	float: left;
	clear: both;
	padding:0 5px 5px;
}
#latestLists
{
	width: 205px;
}
#sourcesContens div, #latestLists div
{
	position:relative;
	float:left;
	width:100%;
	clear:both;
	padding:1px 0;
}

.loadingNewPageImg
{
	position:absolute;
	top:20px;
	left: 85px;
}
a.latestSourceLink:hover,a.latesListLink:hover
{
	color: #000;
	
}
.lastestSourceNrMedia
{
	background-image: url(../img/sources_amout_of_media_bg.png);
	background-position: left;
	margin-left:3px;
	padding:3px 4px 1px 9px;
	line-height: 12px;
	float:left;
	color: #FFF;
	position:relative;
	top: 2px;
}
.sourceNav
{
	clear:both;
float:right;
margin-right:5px;
width:80%
}
.pageButton
{
	background-color: #DDD;
	float: right;
	display: block;
}
.active_page_button
{
	background-color: #666;
	
}
.pageButton:hover
{
	
	background-color: #000;
}


/* @end */