/*
 * 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 menu controls */

#controls {
	position:relative;
	float:left;
	clear:both;
	width:100%;
	font-size:1em;
	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#showSearch{
	background:url("../img/sprite.png") no-repeat scroll -68px -52px #EEEEEE;
	height:30px;
	width:30px;
	float:left;
	margin:0 0 3px;
}
a#play, a#pause {
	color:#FFF;	
	height:20px;
	padding:5px 30px;
	font-size:1.5em;
	float:none;
	margin:0 0 3px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-left:185px;
	float:left;
	text-align:center;
}
a#pause{
	display:none;
}
a#play:hover,a#pause:hover{
	color:#FFF;
}
a#facebook_link, a#twitter_link {
	background-color:#FFF;
  width:21px;
	height:25px;
	float:right;
	display:none;
}
a#facebook_link span, a#twitter_link span
{
	left:-2px;
}
a#facebook_link{
	background:url("../img/sprite.png") no-repeat scroll -69px -77px #FFFFFF; 
}
a#twitter_link {
	background:url("../img/sprite.png") no-repeat scroll -100px -77px #FFFFFF; 
}
a#settings_btn {
	background:#EEEEEE url('../img/sprite.png') -68px -20px  no-repeat;
	height:30px;
	width:30px;
	float:left;
	margin:0 5px 0 8px;	
}
a#settings_btn span {
	left:-8px;
}
a#settings_btn:hover {
	background:#EEEEEE url('../img/sprite.png') -100px -20px  no-repeat;
}
a#clearAll {
	background:url("../img/sprite.png") no-repeat scroll -129px -52px #EEEEEE;
  height:30px;
	width:30px;
	float:left;
}
a#saveBtn {
	background:#AAA url('../img/sprite.png') -36px -20px  no-repeat;
	float:left;
	height:30px;
	width:30px;
	margin:0 3px 0 2px;
}
a#skip {
	float:left;
	height:30px;
	width:30px;
}



/* @end */

/* @group playlist item */

.playListItem
{
  width:780px;
	float:left;
	clear:both;
	padding:10px 0px 10px;
	overflow:hidden;
	display:none;
	position:relative;
	border-bottom:solid 1px #DDD;
	background-color:#FFF;
}
.sc_tuneitem .playlistItem_right
{
	margin-top:7px;
}
.playlistItem_right
{
	float:left;
	width:720px;
}
.currentPlaying .playlist_item_img, .currentHover .playlist_item_img{
	opacity:1!important;
}
.currentPlaying .item_title 
{
	color:#000;
}
.currentHover .item_title{
	color:#333;
	}
.playlist_item_img{
	margin-right:5px;
	opacity:0.5;
	float:left;
	width:50px; 
	cursor:pointer;
}
.yt_tuneitem .tune_type{
	width:32px;
	height:24px;
	position:absolute;
	right:0px;
	background: url('../img/sprite.png') -28px -56px no-repeat;
}
.sc_tuneitem .tune_type{
	width:25px;
	height:25px;
		right:0px;
	position:absolute;
	background: url('../img/sprite.png') 0px -60px no-repeat;
}
.mp3_tuneitem .tune_type{
	width:25px;
	height:25px;
	right:0px;
	position:absolute;
	background:url("../img/sprite.png") no-repeat scroll -98px -58px transparent;
}
.playListItem a {
	z-index:2;
	position:relative;
}
.playMark {	
	float:left;
	left:0;
	position:absolute;
	background:#DDD;
	bottom:-1px;
	height:1px;
}
.markHolder {
	height:100%;
	width:100%;
	float:left;
	left:0px;
	bottom:0px;
	position:absolute;
	z-index:1;
	border-bottom:solid 1px #000;
}

.playListItem h2{
  padding-left:5px;
}

.playListItem h2
{
	cursor:pointer;
  letter-spacing:0.05em;
  text-transform:capitalize;
	float:left;
	margin-right:5px;
	margin-left:0px;
	z-index:2;
  color:#666;
  font-weight:normal;
	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:hover
{
	color:#000;
	text-decoration:none;
}
.morePlaylistItem{
	background:no-repeat url('../img/sprite.png') -2px -180px;
	float:right;
	margin-right:5px;
}
/* Delete playlist item */
.delPlayListItem
{
	background:no-repeat url('../img/sprite.png') -2px -200px;
	float:right;
	margin-right:5px;
}
.media_item_additonal_info a.tunest_feed_url{
	background: url("../img/sprite.png") no-repeat scroll -2px -327px transparent;
	height:12px;
	opacity: 0.5;
	-moz-opacity:0.5;
}
/* ? */
.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:100%;
	margin-left:0px;
}
.media_item_additonal_info a
{
	cursor:pointer;
	padding:3px 0 2px 21px;
	color:#000;
	text-decoration:none;
	margin-right:10px;
	margin-top:2px;
	float:left;
	opacity:0.5;
	-moz-opacity:0.5;
}
.media_item_additonal_info span{
	margin-right:10px;
	margin-top:5px;
	float:left;
  width: 60%;
  color: #333;
}
.media_item_additonal_info span a{
  float: none;
  margin: 0;
  padding: 0;
}

/* @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:780px;
	margin:0 auto;
}
.main-wrapper{
  min-height: 300px;
}
#search_area .wrapper {
	width:780px;	
}
.upper_box {
	display:none;
}
#addForm {
	float:left;
	clear:both;
	margin:0;
	width:100%;
	overflow:hidden;
	height:50px;
	margin-top:15px;
}
#addForm input {
	font-size:2em;
	width:658px;
	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.2em;
	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;
}
.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;
}
#message{
  position:fixed;
  top:20px;
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  font-size: 18px;
  left: 50%;
  margin: 0 auto 0 -200px;
  padding: 10px;  
  width: 400px;
  z-index: 100;
}
#message .message-row{
  margin:5px 0;
}
#message .message-row span{
  font-size:10px;
}
#playList {
	position:relative;
	float:left;
	clear:both;
	width:100%;
}
.mediaHolder {
	float:left;
	position:relative;
	overflow:hidden;
	height:0px;
  width:780px;
  margin:0;
	clear:both;
}
.mediaHolder object, .mediaHolder embed
{
	margin:5px 0;
}

object
{
	visibility:visible;
}
#mPlayer1, #mPlayer2
{
	visibility:visible;
}
#mPlayer1SwfHolder, #mPlayer2SwfHolder 
{
	float:left;
	height:0;
	overflow:hidden;
}
.videoDescription {
	font-size:1em;
	color:#666666;
}
.pageInfoHolder
{
	float:right;
	margin:2px 4px;
	color:#333;
}
#hidden_upper_part
{
	float:left;
	width:100%;
	height:0px;
	overflow:hidden;
  background: #333333;
}
#hidden_upper_wrapper {
	color:#EEEEEE;
  position: relative;
  padding-top: 20px;
}
#hidden_upper_wrapper h2
{
	padding:10px 0 5px;
	width:780px;
	text-align:center;
}
#hidden_upper_wrapper p
{
	padding:0px 0 10px;

}
embed
{
	visibility:hidden;
}
#playlist_title
{
	display:none;
	float:left;
}

label.titleLabel{
  float: left;
  width: 10%;
  font-size: 1.5em;
}
#input_playlist_title_holder{
  margin-top: 20px;
}
#input_playlist_title{
  width: 50%;
  padding: 5px 1%;
  font-size: 1.4em;
  color: #666;
  border: none;
}
#ytQualitySelect{
  float: left;
  margin-top: 20px;
  width: 100%;
}
#ytQualitySelect ul label{
  font-size: 1em;
}
#ytQualitySelect ul{
  float: left;
  list-style: none;
}
#ytQualitySelect ul li{
	font-size: 1.4em;
	margin-right: 30px;
  margin-bottom: 10px;
}
#ytQualitySelect ul li input{
	margin-right:5px;
}
#save_settings {
  margin-left: 5px;
	background-color:red;
	cursor:pointer;
	font-size:1.4em;
  text-align: center;
  padding: 6px 10px;
  text-transform: uppercase;
}

.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;
	font: menu;
	font-size: 1.4em;
	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_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:#333;
}
.totalTime {
	font-size:10px;
	font-weight:normal;
}
.close_flik {
	background:center url('../img/close_flik.png') no-repeat;
	display:block;
	float:left;
	height:20px;
  right: 0px;
	position:absolute;
	width:22px;
  bottom: -2px;
}
.close_flik img
{
	width:22px;
	height:10px;
	margin-top:5px;
	float:left;
	background:center url('../img/close_flik_inner.png') #333333 no-repeat;
}
.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;
}
.searchMoreInfoBrowser {
	display:none;
	position:absolute;
	padding:10px;
	background:url('../img/modal_back.png') repeat;
	color:#FFF;
	width:600px;
	text-align:center;
}
.searchMoreInfoBrowser a.nextBtn, .searchMoreInfoBrowser a.prevBtn{
	color:#AAA;
}
.searchMoreInfoBrowser a.nextBtn:hover, .searchMoreInfoBrowser a.prevBtn:hover{
	color:#DDD;
}
.searchMoreInfoBrowser h1{
	text-align:left;
	margin:10px 0px;
	font-weight:normal;
	color:#DDD;
	padding:0 56px;
	cursor:pointer;
}
.searchMoreBrowser .relatedMedia
{
	float:left;
	clear:both;
}
#moreInfoClose, #moreInfoMove{
	background-color:#000;
	color:#DDD;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px 4px;
	position:absolute;
	top:-5px;
	right:-5px;
}
#moreInfoMove{
	cursor:move;
	left:-5px;
	right:auto;
}
#moreInfoClose:hover, #moreInfoMove:hover{
	background-color:#666;
}
.relatedHolder{
	position:relative;
	float:left;
	width:100%;
}
.relatedHolder h3{
	font-weight:normal;
	float:left;
	clear:both;
	width:100%;
}
.relatedDesc{
	color: #DDDDDD;
	font-size: 12px;
	line-height: 1.3em;
	padding: 10px 56px;
	text-align: left;
	float:left;
	clear:both;
}
.relatedStartInfo{
	float:left;
	clear:both;
	font-size:14px;
	padding:0px 56px;
}

.relatedStartInfo a{
	color:#AAA;
}

.relatedStartInfo a:hover{
	color:#FFF;
}
/* 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;
}
.toolTipImg{
	float:left;
	margin:0 15px 10px 0;
	max-width: 185px;
	cursor:pointer;
}
/* @group spots */

#spotLayer {
	float: left;
	clear: both;
	width: 780px;
	padding: 11px o;
	margin-top:10px;
	display:none;
}
.spotLeft3, .spotMiddle3, .spotRight3
{
	padding-bottom:10px;
}
.spotLeft3{
	background-color:transparent;
}
.spot {
	float:left;
	margin-bottom:10px;
	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:240px;
	padding:0px;
	float: left;
	overflow:hidden;
}
.spotMiddle3 h2 {
	float: right;
	padding:10px;
	margin-bottom: 5px;
	clear:both;
	background-color: #CCC;
	color:#FFF;
	width:200px;
	text-align:right;
}
.spotMiddle3 {
	float: left;
	width:220px;
	margin-left:50px;
}

.spotMiddle3 a.headBlog:hover {
	background-color:#999;
	color:#000;
}
.spotRight3 {
	float:right;
	width:220px;
}
.spot h3{
	font-weight:normal;
	font-size:1.2em;
	border-bottom:solid 1px #666;
	float:left;
  width: 100%;
  margin-bottom: 4px;
}
.setIcon{
	background:url("../img/sprite.png") no-repeat scroll -3px -124px transparent;
	padding-left:20px;
}
.latestSourceLink,.latesListLink {
	display:block;
	margin:4px 0;
	position:relative;
	font-size:12px;
	color:#666;	
}
.latesListLink {
	font-size:12px;
	float:left;
}
.latestSourceLink {
	float:right;
}
#latestLists, #sourcesContens {
	position: relative;
	float: left;
	clear: both;
	padding:5px 0;
}
#sourcesContens{
	float:right;
}

#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/sprite.png);
	background-position:-2px -358px;
	margin-left:3px;
	padding:3px 4px 1px 9px;
	line-height: 12px;
	float:right;
	color: #FFF;
	position:relative;
	top: 2px;
}
.sourceNav
{
	clear:both;
float:right;
margin-right:5px;
width:80%
}
.pageButton
{
	background-color: #DDD;
	float: right;
	display: block;
	height:15px;
}
.active_page_button
{
	background-color: #666;
	
}
.pageButton:hover
{
	
	background-color: #000;
}


/* @end */

 
 /* loader tha only visible when loading */
#startUpLoader h1 {
	text-align:center;
	color:#999;
	margin:20px 0 5px;;
}
#startUpLoader p {
	color:#666;
	width:300px;
	font-size:1.3em;
	margin:0 auto;
}


/**
 * search
 */
h2.searcAreaHeader{
  border-bottom:solid 1px #000;
}
#searchControls{
	 width:100%;
	 float:left;
	 clear:both;
	 text-align:center;
	 padding:4px 0;
}
#searchControls a:hover{
	 color:#333;
 }
#resultDiv{
  float:left;
  clear:both;
  width:100%;
	position:relative;
}
a.nextBtn, a.prevBtn{
	display:block;
	font-size: 71px;
	font-weight: bold;
	position: absolute;
	font-family:Lucida;
	color:#444;
	top:-40px;
}
a.nextBtn{
	right:-60px;
}
a.prevBtn{
	left:-60px;
}
#nextYoutubePage, #prevYoutubePage, #nextSCPage, #prevSCPage, #nextMp3Page, #prevMp3Page{
	top:40%;
}
a.prevRelated, a.nextRelated{
	top:40px;
	font-size:50px;
}
a.nextRelated{
	right:10px;
}
a.prevRelated{
	left:10px;
}
#search_area{
	width:100%;
}
.mixed_holder{
	position:relative;
	width:100%;
	float:left;
	clear:both;
	margin:0;
}
.search_text_result
{
  float:left;
  width:50%;
  margin:0px;
  height:0px;
  overflow:hidden;
}
#hidden_upper_wrapper .search_text_result h2{
	width:100%;
	text-align:left;
}

.searchPlaylistItem{
	margin-bottom:6px;
}
#hidden_upper_wrapper .search_text_result a{
	font-size:12px;
	color:#EEE;
	font-weight:bold;
}
#hidden_upper_wrapper .search_text_result a:hover{
	color:#AAA;
}
#hidden_upper_wrapper .search_text_result span{
	font-size:10px;
	color:#999;
	display:block;
}
.searchInner{
	float:left;
}

.search-small-loader img{
  margin-left:3px;
}
.searchInner div h3{
	word-break:break-all;
	clear:both;
	color:#DDD;
	float:left;
	font-weight:normal;
	margin:8px 0 6px;
	position:relative;
	width:126px;
	font-size:12px;
	line-height:1.2em;
	z-index:1;
}
.searchItemImgHolder, .relatedItemImgHolder
{
	float:left;	
	clear:both;
	width:126px;
	position:relative;
	z-index:1;
	overflow:hidden;
	height:90px;
}
.searchItemImg, .relatedItemImg
{
	float:left;	
	clear:both;
	width:126px;
	position:relative;
	z-index:1;
	
}
.relatedItemImg
{
	width: 86px;
}
.relatedItemImgHolder
{
	width:86px;
	height:70px;
	margin-bottom:4px;
}

.searchRow
{
	min-width:100px;
	float:left;
	width:84%;
	padding:0 8%;
	clear:both;
}
.searchRow h3{
	padding:30px 0px;
	font-size:1.2em;
	
}
.searchItem
{
	background-color:#2f2f2f;
	margin:7px;
	padding:8px;
	float:left;
	width:126px;
	position:relative;
	cursor:pointer;
}
a.searchItemMoreInfo
{
	padding:0;
	color:#DDD;
	float:left;
	position:relative;
	z-index:1;
	text-decoration:underline;
}
a.searchItemMoreInfo:hover
{
	color:#AAA;
	text-decoration:none;
}
.ytLogo
{
	background-image:url('../img/logos/ytOnDark.png');
	background-repeat:no-repeat;
	width:20px;
	height:8px;
	float:left;
	z-index:1;
	position:relative;
	top:2px;
	left:18px;
	/*
	position:absolute;
	top:0px;
	left:0px;*/
}
.searchItemTime
{
	position:relative;
	z-index:1;
	color:#FFF;
	float:right;
	font-size:11px;
	clear:both;
	text-align:right;
	
}
.searchItemHoverFix
{
	position:absolute;
	width:124px;
	height:100%;
	background-color:#2f2f2f;
	top:0px;
	left:0px;
}
.left
{
	float:left;
}
.right{
	float:right;
}

.relatedItem
{
	background-color:#2f2f2f;
	margin:7px;
	float:left;
	width:86px;
	position:relative;
	cursor:pointer;
}
.relatedItem h4{
	margin:5px 0 10px;
	font-weight:normal;
}
#userHolder{
  width:100%;
}
#twitterlogin span{
	background: url("../img/sprite.png") no-repeat scroll -24px -1px #121212;
	display: block;
	float: left;
	height: 16px;
	margin-right: 4px;
	position: relative;
	top: -2px;
	width: 17px;
}
#userControls{
  float:left;
	padding:3px 2px;
}
#userShowProfile{
	background: url("../img/sprite.png") no-repeat scroll -2px -162px transparent;
	padding-left:20px;
}
#userYourSources{
	margin-left:5px;
	background: url("../img/sprite.png") no-repeat scroll -2px -328px transparent;
	padding-left:25px;
}
#userYourLists{
	background: url("../img/sprite.png") no-repeat scroll -3px -124px transparent;
	padding-left:20px;
}
#userLogout{
	background: url("../img/sprite.png") no-repeat scroll -2px -102px transparent;
	padding-left:20px;
}
#userControls a, #userInfo span{
	margin-top:17px;
	margin-bottom:15px;
}
#userInfo span{
	float:right;
	margin-left:10px;
}

#userInfo{
  float:left;
	margin-top:3px;
	margin-right:3px;
}
#userProfile{
	float:left;
	width:100%;
	clear:both;
	padding-bottom:10px;
	margin-top:15px;
}
#userProfile .profileControls{
	padding-top:10px;
	float:left;
	clear:both;
	width:100%;
}
a.close:hover{
	color:#DDD;
	background-color:#999;
}
a.close{
	font-size:12px;
	background:#DDD;
	color:#333;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:3px 7px;
}
#userProfile a#userProfileClose{
	float:right;
}
#linkTwitterProfile{
	float:left;
}
#userProfile a#userProfileSave:hover{
	background-color:#999;
	color:#000;
}
#userProfile a#userProfileSave{
	float:right;
	font-size:20px;
	margin-top:30px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	background: none repeat scroll 0 0 #DDDDDD;
	color: #333333;
	padding: 10px 20px;
}
#userWrapper #userLoginForm input{
	margin-right:10px!important;
	font-size: 12px;
	width:155px;
	float:left;
}
#userWrapper a{
	float:left;
	font-size:12px;
	margin-right:4px;
	color:#999;
}
#userWrapper a:hover{
	color:#000;
}
.userLoginAlt{
	float:left;
	clear:both;
	margin:10px 0;
	margin-right:15px;
}
#userWrapper a#userLoginBtn{
	padding:4px 10px;
	float:right;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:3px;
	font-size:14px;
	background-color:#DDD;
	color:#FFF;
}	
#userWrapper input{
	font-size:16px;
	color:#333;
	margin:3px 0px 10px;
	float:left;
	width:255px;
	padding:4px 6px;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	background-color:#DDD;
}
#userProfile label{
	display:block;
	font-size:12px;
	color:#666;
}
#userProfile .profileRow{
	float:left;
	margin-right:20px;
}
#userWrapper{
  /*background:url(../img/sprite.png) 0 2px no-repeat;*/
	float:left;
  width:100%;
  padding-top:3px;
	border-bottom:#DDD dashed 1px;
	font-size:12px;
}
#userWrapper .userInnerWrapper{
	width:780px;
	margin:0 auto;
}
#userSets a{
	margin:5px 0;
	float:left;
	width:25%;
	font-size:12px;
	float:left;
	color:#333;
}
#userSources a{

	overflow:hidden;
	margin:5px 0;
	float:left;
	width:45%;
	padding-right:5%;
	font-size:10px;
	float:left;
	color:#666;
	word-wrap:break-word;
}
#userSets a:hover, #userSources a:hover{
	color:#000;
}
#userSources a h4{
	color:#333;
	font-size:12px;
	font-weight:normal;
}
#userSets a span, #userSources a span{
	display:block;
	color:#666;
	font-size:10px;
}
#userSets h3, #userSources h3{
	font-weight:normal;
	color:#666;
	float:left;
	width:100%;
}
#userSets, #userSources, #userTwitterLists{
	width:100%;
	float:left;
	clear:both;
	margin-top:15px;
	padding-bottom:10px;
	position:relative;
}
a#userSetsClose, a#userSourcesClose, .userInnerWrapper .close{
	bottom: 5px;
	position: absolute;
	padding:5px;
	right: 0;
	width: auto;
}
#sm2-container{
	height:1px;
}
#randomList{
	width:80%;
	padding:20px 10%;
	border-radius:10px;
	-moz-border-radius:10px;
	color:#FFF;
	font-size:3em;
	display:block;
	text-align:center;
	background:#FFF;
}

#twitter-part{
  text-align: center;
  float:left;
  clear: both;
  width: 100%;
}
#twitter2{
  font-size: 12px;
  margin-bottom:15px;
}
#twitter2 .twitterList{
  float: none;
  width: auto;
  font-size: auto;
  margin: 0;
  text-decoration: underline;
}
.twitterStep{
  
  font-size: 20px;
  color: #4099FF; 
  width: 100%;
}
.twitterList{
  float: left;
  width: 23%;
  margin: 5px 1% 5px 0;
  font-size: 12px;
  text-align: left;
}
.twitterList:hover{
  color: #333;
}
#twitterInfo{
  margin: 10px 0 0;
}
#twitterMessage{
  text-align: center;
  padding: 5px 0;
}
#currentSrc{
  font-weight: normal;
  color: #333;
  float:left;
  width: 100%;
  clear: both;
}
.twitterSignIn{
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
.twitterSignIn:hover{
  color: #000;
  font-size: 14px;
}
#tmpTwitterSymb{
  width: 10px;
  height: 10px;
  background: #4099FF;
  display: inline-block;
  margin: 0 3px 0 5px;
  box-shadow:  0 1px 1px #000;
  -o-box-shadow:  0 1px 1px #000;
  -webkit-box-shadow:  0 1px 1px #000;
  -moz-box-shadow: 0 1px 1px #000;
}

/*   footer 2011 12 */

.footer-wrapper{
  overflow: hidden;
  padding: 40px 0 20px;
  margin-top:40px;
  bottom: 0px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAACVCAAAAAB0yeeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAACVAAAAlQBUT0SmAAAM+klEQVR42u2caXbkNhKEcf9zWsQOUHOC+SIJTYtFOVtL6b35QdvPblURDCCXyA1yqDnWnvvIJabZakut51Zyq7mmXmZPMfFpK/zcW2+1lrVijpH2f2KtNXc+G7m12WubuY0W+T6lGMtItZTeWJ9TPWG4gKG3VOrgX6O2XEflNaOXxqOZL+qWCtvJJduWCv+tawXv4OfSMk/ZgrhrU7P3uo3etaLUstdWB49H/nDCcAEDZ+V7Nlr4SH/ImY+S8EYabXJyoVfAgGr28PGv1lPLHI+fEF7LvbfY6v6a60Q4KZlwEqdnV+yxpBOGCxgQxBYR4SNsnxuf6VUcuma0UzhVFcSxogmyjcFe0A5/DV6YMxrhib3yfMnO0VzAwEsGx+x97NteB7pkD2VDU/ZoblkP8FRJfUMbtawVFXvhC/u6pVEaD7B/5FVim7UNIBAIe+Q9AzWWE4YLGJC1masseOqtNepQHB0t7xLtKJjvjvlI1B2LOlZgpU1baV1GhNYyhs7mc9TWACj7zs+yw8K3wJ0wXMAgi8X6DTNirlggHqG/Ow4k1Y468beOZEuVIt5WIC/pUCbBTuSkHHogMPNWrFjb59mE0ComGM8YHmDoOgoymCBgLThWTYdb6fRIXgLJc5q9bvK5tQIpZMBn5OVVKGiOxSXFtheENWtOsnPDz1L4CcMFDE0W115K4S0l58i55Nd4aM5FlCCTmVpWkS9P17Vi8DreiR2bgY9yWFrfsrSw4QAYMv/gia9R9rifMFzAwHuQbpnosMkORhsvS6r4M+aA9nk3xoIkZNhtrZAw8DCzt1RfMJDSkWUXC1U9A1mUhjfAD0gBhZ4wXMCgJXGY+zf+kMsLdidTwohrnQUNbYct6ez8Ia4VHA8u72yUd0nLyD9KplIXJ8h7yWIKmKMmds8G32O4gAEsZJDExTr9/3j/8J2uQIGmsSg002AGCcJWxAYoVDMPQpV3TrmBWan0zSHEjzoJQt50gncYLmDgy81CimyEV6AuDjhxZSKCIpvEAVki5ZknJtbWioFWsshSTIq34GJNcQdj2+VRWAt/I0BJObKFdsJwAUMzk5Gpli41CRmY+RgQ8A7sExW1tYLvun6KRlJNn0s4ircKJyjRjMpYrRXe2k8YLmCAs2TDlxiSFMH4Ev9SfCW0ipuabOtYgb9ELMfCRpYCjSs/HadcwDAHx9Y5m9YWEpBWXqCz+crG4SLAjRY4nflIi28rZFM4GoIa0ogUiMFiYq+QbpR2OIxOxMNzJHO6PxguYFgpEBGoveDLopgG2vxW0iTTkcLatEQG+ip6HzuU5E4YLmB4W4UPDBHQDv31mNLXcfTqjdSG10OOG2TR9xLxDhirS7ZnDA8wvOVDj/b78wzqLz7iAYblJrMt45FijiDyDceSLzWlAEpURfKyLh5X2CEMvsdwAYOlX+JukgB5DhxWLP7DFkXmWJTwKKUVcSuBWStQn56IKQ4RXxUvQ+OkVlqe0k6QPl6s4yhPP2N4gGFmnUkUqF0riiJ1RJB1Qu2jsh2iOvFCUuL1a8VOhl1ilQXBgkQHrFS5HyGjKwudkgV+QQioZnvjhOEChqWcq6h/zJO+Ol3AAD2SkPEWJZrm8gdVEtCH/CKLRJtyIMtAzcxtBRxIZkAoU4qkkoc0S7uFm5CdpCYOyRaXeJY65oThAgZla6JUtk6wR44JFL0/Wb5ovEluoZSpxyxeWCtwyUSc3zLRm22wOSUFTWm4JXpFP6N9KkfZF2o9YbiAYSLCvStw6KOyty5JqPBjC2bo4h8VhYefkxkcK5KqN16EiZuwReyyImrYjSeaFsgvpoCUQZwxXMCwat8LWT6/Wn4gZA8wLLq45iYu24hgrLApJFXb4eAKyZ/Pf1zAsKjEnKpJBE3CJZh+iXx0TOWD6A9j2dl5F4N1lWMzUYyQm6YzhgdI3o6/pHEpoKosYwdswxpjj1HGge6Vt9sK8R3oKO5bRZoLGJSHWDZIkaiqDHJRBlxPVVHppnv2oCh1rJBBkGvi2FMcwcGaiQebTSo1UiwqbSaqx1qKfOQ9hgsYlHwreY5FcRGr35VA68tm8Xag9r1b2hPNdetakY+WzGs2wkkZ/h6HzjY2EZOCk5lgs7aMsrT3GC5gWJK+Frff1s3nCmgXMKwc+JLRQrFDCVCxDoF1uOpTs2YPkJwhK+CjHr58TYp30qw2imiGpQbQEIWzBbxeXtcKUYNS4KWbqZOJa3JS+JZf1s2S6lx3sSgKOmF4gEH1N6e95AbDjBrVF9Xv1JlWoMOV9W1FUiCLm2w9Eo7USrLcvernOKIVXSyGKz7IP1zAUC0Z6GIzvpKH4XD2z5St8LXCjXIfcXqNKt9shXQ0zT0xjhc1x6RCtpbbC1Qibpe5FzUcDqY/YbiAoY9d7c5LWDNj5oEXNc4qn6VN3yfRga1A0kbmxZz6VfnCV0KnCxhWt/CSlP+sv/iJ1qkHGFaL4NK9fmpT4YMOuQsYVjl1KY6+Xeh9sgBzAcPK4B5SsFR/N+cDwwOEr7aqlu5jJ0r93KHGGBFvmBVP8vCSX/taIU3BxD1qyde7XS4gzICZ1P3i5P/SHlBH4FihTEjRUdVC+TqRuIBhtZaIIlMjiymRJFPUF5pR6j+peBblaxuKndb5bCa2Yj3LfMJwAf9vpwBWFMWoLKTVbUzljFTKXymjmuXqEob2YTkXnD7lu9K+Ac98wnABg1n9UUePo/4noZUbq2Uhy4MXtKFqkVY57VrRj3KhGbFSqogqFD8QIGGZcE+xz1ZnVoZn7esThgsYlnFeYtaPzfkvcdEFDMtMyqOe6y8blgsYVq57TlZFZb+YHQvDBbxnqfcs9Z6l3rPUe5Z6z1LvWeo9S71nqfcs9Z6l3rPUe5Z6z1LvWeo9S71nqfcs9Z6l3rPUe5Z6z1LvWeo9S71nqfcs9Z6l3rPUe5b6wSx1NTUvHPTkNuiV5zzAsDLvd7MnCHls4/eGXQeGCxjWLOpSNn1+evW90swFDCvwXsOomsxNIXj+SnvGBQzRWoxqIuvTcgSIaPL4uJmS14qk0ak8RmU+3DO1FNpiu9Fmr6paLN+R0Qzl/e8xXMCg+wAazJnVmJrK/I/NOpH+sNdC1CJszXIJW2WtQCoKWnqhbEI8TzJOfaOMFLeI0dIjGV+zNkQ7YbiAQQxG9jaIkQ83GD56ly0/VogVDo4pUqvkaZ2aoj6ejF4tJZTPV6VbnnrCcAHDChblyLr+NCCeGl4UUVo8YbiAsnbZx4Uz/4xek2gkRUnWBLZWJOuGJ6XzcmvYJ6kUqM2KZtUfTewQxXT52rVwAcNKlh6znfzL6VVyAcPq012mjs/t7F0nmy5gYFkRIz8WWpfrNirsgZxzrdClicjuZhRBsEyn7keRGsXk/oTYBdQtiy3r/xrRlb/1Yr0uSidgRfnIWJLQfQGlAm23gtRWSCnDmLSL4NnUpv5DmqW+yN6SNG0gg2Rj5HjCcAHDW5dSQudjEicY9bX/va+pRpNa2di9Ovi62FCOchWrV5MZl9V1BU0iLU09Y7iAYaVCVo7rxbjNPnR15UdZuRLxhBFrYLIpJJHOxBOGCxiWP17c+S9XN35MGS5gWAX5/0aavM3ag782Q10YLmBYdjkeO44/sWQZL/tVYgd5ipVEEu2E4QKGlTBdOtNfuiD0jRTLBQzr3tflFtcHJVx+5k0xFzAsE7tY6DcvMH3aC1zA8JZZ4/7EAKsVylGPfj0XV/qtnWlemy3wsaZHmbxV0e8xXMCwBkcXuvzBnPtToyYXMKzk1lqQCHHISpVxPjUdVsKqpP4dhgsY1p2xS0z75JWzY9ah3OGLcdMFDKtxe+n7/s7d1T8YLmBYx7lQ4bcE8AW6dQHD6oNfrrM89dLxB1dmXMCwPPhyr/H7Pv+5u5MuYFjl6qXaVR9FNqHuRdcfZOP9eRW1CxjWJIwNn++t/m2QpqCoYlx0qNRWMzh9QwVMXFPF2kUgdVCSyQxTOWO4gFReVXdBLj1QTFZOUY/ppBHMUMdJE7T6hOsqLmBYE9xLXHnmPP6j2OUC6paFaeBiFJeGeJ6R4Ju2teKHhucChkV+F2d/Gl3+C6G4gOFt0v04t/73LPI5s3EXMKx0+zJhflqCbjn5B1NsDzCs8vvSOvhhwf7X9oQLGFYb8Lghoga3zmz96q8O/JI8Sl0ppRhj26oVWHadLuumTT5huIDhbZD9eKPrqaPvD26NuYBhbfdypeLvp7UD8sg/2fimbWpUKX8EX+bS6ovFgyymtenyCcMDDOvW4qUV9PRrqw/tJhcwrMkFEm7Rsij5kP3GxqcGH5p17Mlut6peUR9FqbJuW+eDwqdEK0scJwwXMKy66lIlPelXSf69EvMAw6ojL5fZn/U7SrodwyHK5cK8BxiWz1xa/T/3Mv9upgsYlgNdbjE92+Ueb0q5gOHtV6Qe+xn6+Fd/qcoD/C9+BaDPM8g+HgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
  width: 100%;
}
  min-height: 300px
#list-query-input{
  float: left;
  width:60%;
  border: none;
  padding: 3px 2%;
  font-size: 1.4em;
}
#list-query-submit{
  color: #FFF;
  background: #333;
  float: right;
  padding: 3px 0;
  width: 34%;
  font-size: 1.4em;
  cursor: pointer;
}
#list-query-form{
  margin:5px 0;
  float: left;
  width: 100%;
  border-bottom: solid 1px #ddd;
}

#list-query-result{
  list-style: none;
  margin-top: 5px;
  padding-top: 5px;
  border-top: dotted 1px #AAA;
  float: left;
  width: 100%;
}
#list-query-result li{
  padding: 3px 0 5px;
  font-size: 1.1em;
}
#list-query-result li:last-child{
  border-bottom: dotted 1px #AAA;
}
#list-query-result li a{
  color: #666;
}
/* modal here */

#modal_content {
	background:url(../img/modal_back.png) repeat scroll 0 0;
	display:none;
	left:50%;
	margin-left:-175px;
	padding:30px 15px;
	position:fixed;
	text-align:center;
	top:10%;
	width:350px;
	color:#FFFFFF;
	font-size:1.4em;
}
#modal_content a:hover
{
	color:#CCC;
}

#modal_content div.modal_close {
	cursor:pointer;
	float:right;
	font-weight:bold;
	margin-left:8px;
	display:none;
}
#modal_content a.modal_close
{
	display:block;
}
#modal_overlay {
	background-color:#000000;
}
* iframe.overlay {
	left:0;
	position:absolute;
	top:0;
	z-index:-1;
}
* html #modal_content {
	position:absolute;
}