/*********************************************************************************
 * Yoink'd Widget  - http://www.yoinkd.com 
 * Copyright 2007. Yoink'd.com. All Rights Reserved
 * 
 * Official CSS : 190px x 310px 
 * 
 *********************************************************************************/

body {
	margin:0px;
	padding:0px;
	overflow:hidden;
}


/*********************************************************************************
 * SHUFFLE ICON 
 *********************************************************************************/
 
.shuffle {
	position:absolute;
	top:20px;
	left:66px;
	width:15px;
	height:11px;
	overflow:hidden;
	cursor:pointer;
	z-index:10;
}

.shuffle_on {
	background-image:url(graphics/button_shuffle_on.gif);
}

.shuffle_off {
	background-image:url(graphics/button_shuffle_off.gif);
}


/*********************************************************************************
 * DIMMER
 *********************************************************************************/
 
 
.dimmer {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:462px;
	width:190px;
	z-index:1000;
	cursor:pointer;
}
.dimmer_message {
	position:absolute;
	top:150px;
	left:0px;
	width:190px;
	font-family: arial, sans-serif; 
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:white;
	z-index:1001;
	cursor:pointer;
}

.dimmer_message_action {
	text-decoration:underline;
}


/*********************************************************************************
 * ACCOUNT CREATION 
 *********************************************************************************/
 
/* .account height and absolute positioning determined in _core for animation purposes */
.account {
	width:190px;
	height:100px;
	background-color: #f6f6f6;
	overflow:hidden;
	font-family: arial, sans-serif; 
	color: #625e5e; 
	font-size: 10px; 
	padding-top: 3px;
	cursor: pointer; 
	z-index:10000;
}

.account_title {
	width:100%;
	position:relative;
	height:20px;
	padding-left: 30px; 
}

.account_title_create {
	position:absolute;
	top:0px;
	left: 43px;	
	color: #378fae; 
	text-decoration: underline; 
}


.account_title_login {
	position:absolute;
	top:0px;
	left:0px;
	padding-left: 5px;	
	color: #378fae; 
	text-decoration: underline; 
}

.account_title_forgot_password {
	position:absolute;
	top:0px;
	left:120px; 
	letter-spacing: -1px; 
	color: #378fae; 
	text-decoration: underline; 
}


.account_title_close {
	position:absolute;
	top:0px;
	left: 155px; 
	color: #e15f20; 
	font-weight: bold; 	
}	

.account_title_status {
	position:absolute;
	left:0px;
	font-family: arial, sans-serif; 
	font-size: 10px; 
	padding-left:10px;
	color: #f6f6f6;  
}

.account_title_email {
	position:absolute;
	left:0px;
	top:0px;
	font-family: arial, sans-serif; 
	font-weight: bold; 
	font-size: 10px; 
	padding-left:5px;
	color: #625e5e; 
}

.account_title_logout {
	position:absolute;
	left:153px;
	font-family: arial, sans-serif; 
	font-size: 10px; 
	color: #378fae; 
	text-decoration: underline; 
}

.account_content {
	position:absolute;
	width:100%;
	height:130px;
	top:20px;	
	color: #000000;
	background-color: #ffffff;
}
.account_content_form {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}

.account_content_emailimage {
	position:absolute;
	top:5px;
	left:5px;
	width:87px;
	height:13px;
	background-image:url(graphics/account_email.gif);
	background-position: 0px 0px; 
}


.account_content_email {
	position:absolute;
	top:5px;
	left: 60px; 
}

.account_content_passwordimage {
	position:absolute;
	top:30px;
	left:5px;
	width:87px;
	height:13px;
	background-image:url(graphics/account_pw.gif);
	background-position: 0px 0px; 
}


.account_content_password {
	position:absolute;
	top:30px;
	left: 60px; 
}

.account_content_confirmpasswordimage {
	position:absolute;
	top:55px;
	left:5px;
	width:87px;
	height:13px;
	background-image:url(graphics/account_confirm_pw.gif);
	background-position: 0px 0px; 
}


.account_content_confirmpassword {
	position:absolute;
	top:75px;
	left: 60px; 
}


.account_content_form_loginsubmit {
	position: absolute; 
	top: 50px;
	left: 60px; 
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #8f8f8f;  
	border-bottom: 1px solid #8f8f8f; 
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #ffffff; 
	background-color: #3fadd1; 
}


.account_content_form_createsubmit {
	position: absolute; 
	top: 95px;
	left: 60px; 
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #8f8f8f;  
	border-bottom: 1px solid #8f8f8f; 
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #ffffff; 
	background-color: #3fadd1; 
}


/*********************************************************************************
 * CHANGE PASSWORD 
 *********************************************************************************/
 
.changepassword_content {
	background-color: #fff;
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
}

.changepassword_old_image {
	position:absolute;
	top:20px;
	left:5px;
	width:87px;
	height:13px;
	background-image:url(graphics/changepw_oldpw.gif);
	background-position: 0px 0px; 
} 

.changepassword_old_input {
	position: absolute; 
	top:33px;
	left:5px;
	z-index: 1000; 
}

.changepassword_new_image {
	position:absolute;
	top:52px;
	left:5px;
	width:87px;
	height:13px;
	background-image:url(graphics/changepw_newpw.gif);
	background-position: 0px 0px; 
}


.changepassword_new_input {
	position: absolute; 
	top:67px;
	left: 5px; 
}

.changepassword_confirm_image {
	position:absolute;
	top:85px;
	left:5px;
	width:87px;
	height:13px;
	background-image:url(graphics/changepw_confirmpw.gif);
	background-position: 0px 0px; 
}

.changepassword_confirm_input {
	position: absolute; 
	top:100px;
	left: 5px; 
}

.changepassword_submit  {
	position: absolute; 
	top: 120px;
	left: 5px; 
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #8f8f8f;  
	border-bottom: 1px solid #8f8f8f; 
	padding: 2px;
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #ffffff; 
	background-color: #3fadd1; 
} 

/*********************************************************************************
 * CHANGE PROFILE 
 *********************************************************************************/
 
.changepic_content {
	background-color: #fff;
	font-family: arial, sans-serif; 
	font-size: 10px;
	color: #000000; 
	text-decoration: none; 
	font-weight: normal; 
	padding: 5px; 
	width: 150px; 
}

.changepic_uploader {
	width:100px;
	height:50px;
	display:inline;
	border: 1px solid #ccc; 
	margin-top: 5px; 
}

#changepic_select {
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #8f8f8f;  
	border-bottom: 1px solid #8f8f8f; 
	padding: 2px;
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #ffffff; 
	background-color: #3fadd1; 
	margin: 5px; 
}




/*********************************************************************************
 * ALERT 
 *********************************************************************************/
 

.alert_wrapper {
	position:absolute;
	top:80px;
	left:0px;
	width:100%;
	overflow:hidden;
	display:none;
	text-align: center; 	
	z-index:2000;
}

.alert {
	background-color: #73c3de;	
	border:1px solid #3f95b9;
	width:150px;
	padding-top:15px;
	padding-bottom:15px;
	text-align: center; 
	font-family: arial, sans-serif; 
	color: #ffffff; 
	font-weight: bold;
	font-size: 11px; 
}

.popup_wrapper {
	text-align:center;
	border:0px none;
	position:absolute;
	display:none;
	left:0px;
	top:10px;	
	font-family: arial, sans-serif; 
	font-size: 11px; 	
	color: #ffffff; 
	background-color:transparent;
	z-index:2000;
}

.popup_wrapper a {
	font-family: arial, sans-serif; 
	font-size: 14px; 	
	padding: 0px; 
	font-weight: bold; 
	top: 10px; 
	background-color: #f7f7f7; 
	color: #58dbb1; 
	z-index:2000;
}

.popup_wrapper a:hover {
	color: #2a9377; 
}


.popup_table {
	background-color: transparent; 
	z-index:2000;
}

.popup_tbody {
	background-color:transparent;
	z-index:2000;
}

.popup_td {
	background-color:transparent;
	z-index:2000;
	width: 170px; 
}


/*********************************************************************************
 * PLAYER  
 *********************************************************************************/
 
.player_minimized {
	position:absolute;
	cursor:pointer;
	top:1px;
	left: 148px; 
	width:42px;
	height:33px;
	overflow:hidden;
	z-index:10;
}

.player_minimized embed {
	z-index:11;
	width:42px;
	height:33px;
}

.player_maximized {
	background-image:url(graphics/bg_loading.gif);
	position:absolute;
	cursor:pointer;
	width:190px;
	height:153px;
	top:65px;
	overflow:hidden;
	z-index:10;
}

.player_maximized embed {
	top:0px;
	left:0px;
	width:190px;
	height:153px;
}

.menu_item {
	width:100%;
	float:left;
	border-bottom:1px #cfcfcf solid;
}

.item_hover {
	background-color:white;
	color: black;
}

.menu_item a:hover {
	background-position: 0px 0px; 
}

.menu_item a {
	width:100%;
	background-repeat: repeat-x;
	background-position: 0px 25px; 
	background-image:url(graphics/bg_item_select.gif);	
}

.item_hover {
	height:25px;
	cursor:pointer;
	overflow:hidden;
	float:left;	
}

.item_wrapper {
	width:100%;
	height:25px;
	display:block;
	overflow:hidden;
	float:left;	
}
.item_title {
	width:150px; /* must be less than full width */ 
	height:25px;
	overflow:hidden;
	float:left;
	font-weight:bold;
	font-family:arial;	
	color: #3592b1; 
	font-size:11px;
}

.item_title_text {
	padding-left:5px;
	margin-top:5px;
	width:120px;
	height:14px; 
	overflow:hidden;
	font-size:11px;
	font-weight:bold;
	font-family:arial;
	color: #3592b1; 
}
.item_title_caption {	
	display: none; 
	padding-left:5px;
	font-size:10px;
	width:0px;
	height:0px;
	overflow:hidden;
	color:#fff;
	border:0px;
	font-weight:bold;
	font-family:arial;	
}

.item_next_wrapper {
	height:25px;
	overflow:hidden;
	position:absolute;
	left: 160px;
}
.item_next {
	width:7px;
	height:25px;
	background:url(graphics/button_item_next.gif);
	background-repeat:no-repeat;
}

.item_menu {
	float:left;
	font-size:9px;
	font-family: arial, helvetica, sans-serif;
	color: #cfcfcf;
}
.item_menu_delete {
	margin-top: 5px;
	margin-left: 3px; 
	position:absolute;
	left: 150px;
}

.item_menu_delete a {
	position: absolute; 
	width: 8px;
	height: 9px; 
	overflow: hidden; 
	background-image:url(graphics/button_delete.gif);
	background-position: 0px 0px; 
}

.item_menu_delete a:hover {
	background-position: 0px -9px; 
}

.item_menu_edit {
	margin-top:14px;
	left: 150px;
	position:absolute;
	color: #60AC2D; 
	display: none; 
}

.item_menu_edit a {
	position: absolute; 
	width: 19px;
	height: 18px; 
	overflow:hidden;
	/*background-image:url(graphics/button_edit.gif);
	background-position: 0px 0px; 
	background-repeat: no-repeat; */
	padding: 0px; 
	color: #60AC2D; 
}

.item_menu_edit a:hover {
	background-image: none; 
	color: #9cec67; 
}


.item_menu_embed {
	display: none; 
}

.item_menu_link {
	display: none; 
}


/*********************************************************************************
 * YOINK BUTTON 
 *********************************************************************************/
 
.item_menu_yoink {
	margin-top: 5px; 
	position:absolute;
	left: 135px;	
	color: #2c9d76; 
	width:25px;
	height: 11px; 
	overflow:hidden; 
}

.item_menu_yoink a {
}

.item_menu_yoink a:hover {
	background-image: none; 
	color: #76d7b6;
	background-color: transparent; 
}




.item_thumb {
	width:25px;
	height:25px;
	float:left;
	overflow: hidden; 
	margin-left:5px;
}
.square_thumb {
	height:25px;
	width:25px;
	float:left;
	margin-left:5px;
}

a {
	text-decoration:none;
}
img {
	border:0px none;
}

.jukebox {
	width:190px;
	height:310px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}

.titlebar {
	height:50px;
	width:100%;
	text-align:center;
	font:12px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #34c09d;
}
.titlebar_info {
	position:absolute;
	width:190px;
	height:20px;
	background-image:url(graphics/bg_titlebar.gif);
	top:45px;
	left:0px;
	padding-top:3px;
	border:0px none;
}
.titlebar_info_title {
	width:190px;
	height:18px;
	overflow:hidden;
}
.titlebar_info_caption {
	display: none; 
	position:absolute;
	top:18px;
	left:0px;
	width:190px;
	font-size:10px;
	text-align: center; 
	font-weight: bold; 
	height:14px;
	overflow:hidden;
	color:#ABABAB;
}

.titlebar_back a {
	position:absolute;
	width:46px;
	height:31px;
	overflow:hidden;
	top:225px;
	left:5px;
	background-image:url(graphics/button_back.gif);
	background-position: 0px 0px;
}

.titlebar_back a:hover {
	background-position: 0px -31px; 
}


.titlebar_toggle a {
	position:absolute;
	width:46px;
	height:31px;
	overflow:hidden;
	top:225px;
	left: 140px;
	background-image:url(graphics/button_toggle.gif);
	background-position: 0px 0px;
}

.titlebar_toggle a:hover {
	background-position: 0px -31px; 
}

.titlebar_search a {
	position:absolute;
	top:0px;
	left:0px;
	width:190px;
	height:45px;
	overflow:hidden;
	background-image:url(graphics/button_last_search.gif);
	background-position: 0px 0px;
	border:0px;
}

.titlebar_search a:hover {
	background-position: 0px 0px; 
}

.display {
	width:100%;
	height:150px;
	overflow:hidden;
	position:relative;
	top: 16px; 
	background: #ffffff; 
	border-bottom: solid 2px #f6f6f6; 
}
.contents {
	width:100%;
	height:100%;
	overflow:auto;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}


/*********************************************************************************
 * INTERFACE 
 *********************************************************************************/
 

.interface {
	width:100%;
	height: 64px; 
	background-color:#ffffff;
	text-align:center;
}


.interface_play a  {
	width: 45px;
	height: 40px; 
	overflow:hidden;
	top:223px;
	left: 72px;
	position: absolute; 
	background-image:url(graphics/button_play.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

.interface_play a:hover {
	background-position: 0px -40px; 
}

.interface_stop a  {
	width: 45px;
	height: 40px; 
	overflow:hidden;
	top:223px;
	left: 72px;
	position: absolute; 
	background-image:url(graphics/button_stop.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

.interface_stop a:hover {
	background-position: 0px -40px; 
}

.interface_previous a {
	width: 25px;
	height: 27px; 
	overflow:hidden;
	top:227px;
	left:50px;
	position: absolute; 
	background-image:url(graphics/button_prev.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

.interface_previous a:hover {
	background-position: 0px -27px; 
}

.interface_next  a {
	width: 25px;
	height: 27px; 
	overflow:hidden;
	top:227px;
	left:112px;
	position: absolute; 
	background-image:url(graphics/button_next.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

.interface_next a:hover {
	background-position: 0px -27px; 
}


/*********************************************************************************
 * SEARCH 
 *********************************************************************************/
 
.search {
	width:190px;
	background: #fff; 
	padding-left: 5px; 
	height: 26px; 
}

.search_add a {
	width: 52px;
	height: 26px; 
	overflow:hidden;
	top:260px;
	left:135px;
	position: absolute; 
	background-image:url(graphics/button_add.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

.search_add a:hover {
	background-position: 0px -26px; 
	cursor:pointer; 
}


.search_button a {
	width: 25px;
	height: 23px; 
	overflow:hidden;
	top:264px;
	left:107px;
	position: absolute; 
	background-image:url(graphics/button_search.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

.search_button a:hover {
	background-position: 0px -23px; 
	cursor:pointer; 
}

.search_input {
	width: 100px; 
	font-family: arial; 
	font-size: 10px; 
	font-weight: bold; 
	color: #3592b1; 
} 
.search_input_fade {
	width: 100px; 
	font-family: arial; 
	font-size: 10px; 
	font-weight: normal; 
	color: gray; 
} 


/*********************************************************************************
 * PROMPT   
 *********************************************************************************/
 
.prompt_wrapper {
	position:absolute;
	top:60px;
	left:0px;
	width:100%;
	overflow:hidden;
	display:none;
	text-align: center; 	
	z-index:2000;
}

.prompt {
	width:170px;
	height:150px;
	position:relative;
	background-color: #fff;		
	overflow:hidden;
	font-family: arial, sans-serif; 
	color: #333; 
	font-weight: bold;
	font-size: 11px; 
	border: 1px #e4e4e4 solid; 
}

.prompt_title {
	width:100%;
	background-color:#7B7979;
	color: #fff; 
	font-size:11px;
	line-height:17px;
	height:17px; 
}

.prompt_close {
	position:absolute; 
	top:0px;
	left:153px;
	right:0px;
	color: #fff; 
	background-color:#333333;
	font-size:11px;
	line-height:17px;
	cursor:pointer;
	height:17px;
	text-align:center;
	width:20px;
}

.prompt_content {
	height:133px;
	overflow-x:hidden;
	overflow-y:auto;
}


.table {
	width:100%;
	height:100%;
	background-color:blue;
}

body {
	background-color: #949494; 
}


input, textarea {
	border: 1px solid #ccc; 
	padding: 1px;
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #333; 
} 

.fisheye{
	text-align: center;
	height: 15px;
	position: absolute;
	width:190px;
	bottom: 0px;
}

a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 10px;
	position: absolute;
	display: block;
	bottom: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 2px auto 0 auto;
	width: 100%;
}
.fisheyeItem span
{
	font-size:11px;
	color:#ffffff;
	display: none;
	position: absolute;
	font-family: arial, sans-serif; 
	cursor:pointer;
}
.fisheyeContainer
{
	height: 15px;
	width: 200px;
	left: 500px;
	position: absolute;
}


/*********************************************************************************
 * ADD FRIENDS 
 *********************************************************************************/
 

#addfriends_info {
	width: 150px; 
	font-family: arial, sans-serif; 
	font-size: 10px;
	color: #000000; 
	text-decoration: none; 
	font-weight: normal; 
	padding: 5px;  
	text-align: left; 
	margin-bottom: 5px; 
}

#addfriends_textarea {
	border: 1px solid #ccc; 
	padding: 2px;
	font-family: arial, sans-serif; 
	font-size: 11px;
	color: #406da0; 
	display: block; 
	width: 130px; 
	height: 40px; 
}


#addfriends_button {
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #8f8f8f;  
	border-bottom: 1px solid #8f8f8f; 
	padding: 1px;
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #ffffff; 
	background-color: #3fadd1; 
	font-weight: normal; 
	display: block; 
	margin-top: 2px; 
	width: 100px; 
} 

#addfriends_or {
	font-family: arial, sans-serif; 
	font-size: 10px;
	color: #333; 
	text-decoration: none; 
	font-weight: normal; 
	display: block;  
	margin: 1px; 
} 

#addfriends_fblink {
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #8f8f8f;  
	border-bottom: 1px solid #8f8f8f; 
	padding: 1px;
	font-family: arial, sans-serif; 
	font-size: 9px;
	color: #ffffff; 
	background-color: #3fadd1; 
	font-weight: normal; 
	display: block; 
	width: 100px; 
	margin-bottom: 2px; 
} 



/*********************************************************************************
 * RSS PLAYLISTS 
 *********************************************************************************/

.addrssplaylist_info {
	font-family: arial, sans-serif; 
	font-size: 10px;
	color: #000000; 
	text-decoration: none; 
	font-weight: normal; 
	text-align: left; 
	padding-top: 2px;
	padding-right: 2px; 
	padding-left: 2px;
	padding-bottom: 2px; 
}

.addrssplaylist_info a {
	color: #3a76c0; 
	text-decoration: underline; 
}

.addrssplaylist_info a:visited {
	color: #3a76c0; 
	text-decoration: underline; 
}

.addrssplaylist_info a:hover {
	color: #aae3f6; 
	text-decoration: none; 
}

.addrssplaylist_form {
	
}

.addrssplaylist_input {
	display: block; 
	border: 1px solid #ccc;
	font-weight: normal;  
	padding: 2px;
	font-family: arial, sans-serif; 
	font-size: 10px;
	color: #406da0; 
	margin-bottom: 4px; 
	width: 130px; 
}



.addrssplaylist_submit {
	display: block; 
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	border-right: 1px solid #8f8f8f;  
	border-bottom: 1px solid #8f8f8f; 
	padding: 1px;
	font-family: arial, sans-serif; 
	font-size: 10px;
	color: #ffffff; 
	background-color: #3fadd1; 
	font-weight: normal; 
	cursor: pointer; 	
	width: 120px; 
}