/*********************************************************************************
 * Yoink'd Mini - http://www.yoinkd.com 
 * Copyright 2007. Yoink'd.com. All Rights Reserved
 * 
 * Official CSS 
 * 
 *********************************************************************************/

body {
	margin:0px;
	padding:0px;
	overflow:hidden;
	background: #ffffff; 
}


/*********************************************************************************
 * SHUFFLE ICON 
 *********************************************************************************/
 
.shuffle {
	position:absolute;
	top: 10px;
	left: 125px;
	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:320px;
	z-index:1000;
	cursor:pointer;
}
.dimmer_message {
	position:absolute;
	top:150px;
	left:0px;
	width:320px;
	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 {
	display: none; 
	width:320px;
	height:130px;
	background-color: #f6f6f6;
	overflow:hidden;
	font-family: arial, sans-serif; 
	color: #625e5e; 
	font-size: 11px; 
	padding-top: 3px;
	cursor: pointer; 
	z-index:10000;
}

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

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


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

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

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

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

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

.account_content {
	position:absolute;
	width:100%;
	height:150px;
	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:10px;
	left:10px;
	width:118px;
	height:19px;
	background-image:url(graphics/account_email.gif);
	background-position: 0px 0px; 
}


.account_content_email {
	position:absolute;
	top:10px;
	left:130px;
}

.account_content_passwordimage {
	position:absolute;
	top:40px;
	left:10px;
	width:118px;
	height:19px;
	background-image:url(graphics/account_pw.gif);
	background-position: 0px 0px; 
}


.account_content_password {
	position:absolute;
	top:40px;
	left:130px;
}

.account_content_confirmpasswordimage {
	position:absolute;
	top:70px;
	left:10px;
	width:118px;
	height:19px;
	background-image:url(graphics/account_confirm_pw.gif);
	background-position: 0px 0px; 
}


.account_content_confirmpassword {
	position:absolute;
	top:70px;
	left:130px;
}


.account_content_form_loginsubmit {
	position: absolute; 
	top: 70px;
	left: 130px; 
	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: 11px;
	color: #ffffff; 
	background-color: #3fadd1; 
}


.account_content_form_createsubmit {
	position: absolute; 
	top: 100px;
	left: 130px; 
	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: 11px;
	color: #ffffff; 
	background-color: #3fadd1; 
}

/* **********************************CHANGE PASSWORD FORM*********************************** */

.changepassword_content {
	background-color: #ffffff;
	border: 1px solid #f7f7f7; 
	
}

.changepassword_old_image {
	position:absolute;
	top:30px;
	left:10px;
	width:118px;
	height:19px;
	background-image:url(graphics/changepw_oldpw.gif);
	background-position: 0px 0px; 
} 

.changepassword_old_input {
	position: absolute; 
	top:30px;
	left:130px;
	z-index: 1000; 
}

.changepassword_new_image {
	position:absolute;
	top:60px;
	left:10px;
	width:118px;
	height:19px;
	background-image:url(graphics/changepw_newpw.gif);
	background-position: 0px 0px; 
}


.changepassword_new_input {
	position: absolute; 
	top:60px;
	left:130px;
}

.changepassword_confirm_image {
	position:absolute;
	top:90px;
	left:10px;
	width:118px;
	height:19px;
	background-image:url(graphics/changepw_confirmpw.gif);
	background-position: 0px 0px; 
}

.changepassword_confirm_input {
	position: absolute; 
	top:90px;
	left:130px;
}

.changepassword_submit  {
	position: absolute; 
	top: 120px;
	left: 130px; 
	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: 11px;
	color: #ffffff; 
	background-color: #3fadd1; 
} 


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


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

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

.popup_wrapper {
	text-align:center;
	border:0px none;
	position:absolute;
	display:none;
	left:0px;
	top:10px;	
	font-family: arial, sans-serif; 
	font-size: 12px; 	
	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: 300px; 
}

.player_minimized {
	position:absolute;
	cursor:pointer;
	top:2px;
	left: 265px; 
	width:54px;
	height:42px;
	overflow:hidden;
	z-index:10;
}

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

.player_maximized {
	background-image:url(graphics/bg_loading.gif);
	position:absolute;
	cursor:pointer;
	width: 100px;
	height:81px;
	top: 4px;
	left: 217px; 
	overflow:hidden;
	z-index:10;
}

.player_maximized embed {
	top:0px;
	left:0px;
	width:100px;
	height:81px;
}

.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 50px; 
	background-image:url(graphics/bg_item_select.gif);	
}

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

.item_wrapper {
	width:100%;
	height:50px;
	display:block;
	overflow:hidden;
	float:left;	
}
.item_title {
	width:278px;
	height:50px;
	overflow:hidden;
	float:left;
	font-weight:bold;
	font-family:arial;	
}

.item_title_text {
	padding-left:10px;
	margin-top:12px;
	width:200px;
	height:16px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	border:0px;	
	color: #3592b1; 

}
.item_title_caption {
	padding-left:10px;
	font-size:11px;
	width:200px;
	height:12px;
	overflow:hidden;
	color:#ABABAB;
	border:0px none;
	font-weight:bold;
	font-family:arial;	
}
.item_next_wrapper {
	height:50px;
	overflow:hidden;
	position:absolute;
	left: 290px;
}
.item_next {
	width:13px;
	height:50px;
	background:url(graphics/button_item_next.gif);
	background-repeat:no-repeat;
}

.item_menu {
	float:left;
	padding-right:2px;
	font-size:10px;
	font-family: arial, helvetica, sans-serif;
	color: #cfcfcf;
	line-height:1;
}
.item_menu_delete {
	margin-top: 4px; 
	position:absolute;
	left: 275px;
}

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

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

.item_menu_edit {
	margin-top:30px;
	left: 203px;
	position:absolute;
}

.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: 3px; 
}

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

.item_menu_stats {
	margin-top:30px;
	left: 225px;
	position:absolute;
}

.item_menu_stats a {
	position: absolute; 
	width: 22px;
	height: 18px; 
	background-image:url(graphics/button_stats.gif);
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	padding: 3px; 
}

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


.item_menu_share {
	margin-top:32px;
	left: 250px;
	position:absolute;
}

.item_menu_share a {
	position: absolute; 
	width: 38px;
	height: 13px; 
	background-image:url(graphics/button_share.gif);
	background-position: 0px 0px; 
}

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




.item_thumb {
	width:62px;
	height:50px;
	float:left;
	margin-left:5px;
}
.square_thumb {
	height:50px;
	width:50px;
	float:left;
	margin-left:5px;
}

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

.jukebox {
	width:320px;
	background: #f7f7f7; 
	height:135px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}

.titlebar {
	height:50px;
	width:100%; 
	text-align:left; 
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	color: #34c09d;

}
.titlebar_info {
	position:absolute;
	top:90px;
	left:70px; 
	background: #fff;
}
.titlebar_info_title {
	width:239px;
	height:18px;
	padding-left: 3px; 
	padding-right: 3px; 
	padding-top: 2px; 
	overflow:hidden; 
	text-align: left; 
}
.titlebar_info_caption {
	position:absolute;
	top:18px;
	left:0px;
	width:239px;
	padding-left: 3px; 
	padding-right: 3px; 
	padding-bottom: 2px; 
	font-size:10px;
	text-align: left; 
	font-weight: bold; 
	height:14px;
	overflow:hidden;
	background: #ffffff; 
	color:#ABABAB;
}

.titlebar_back {
	display: none; 
}


.titlebar_back a {
	position:absolute;
	width:70px;
	height:43px;
	overflow:hidden;
	top:363px;
	left:7px;
	background-image:url(graphics/button_back.gif);
	background-position: 0px 0px;
}

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


.titlebar_toggle {
	display: none; 
}

.titlebar_toggle a {
	position:absolute;
	width:70px;
	height:43px;
	overflow:hidden;
	top:363px;
	left: 243px;
	background-image:url(graphics/button_toggle.gif);
	background-position: 0px 0px;
}

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

.titlebar_search a {
	position:absolute;
	overflow:hidden;
	background-color: #f7f7f7; 
	background-image:url(graphics/button_last_search.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat; 
	width:320px; 
	height: 32px; 
}

.titlebar_search a:hover {
}

.display {
	/* width:100%;
	height:260px;
	overflow:hidden;
	position:relative;
	top: 40px; 
	background: #ffffff; 
	border-bottom: solid 3px #f6f6f6; */
	display: none; 
}

.contents {
	width:100%;
	height:100%;
	overflow:auto;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}


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


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

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

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

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

.interface_previous a {
	width: 29px;
	height: 28px; 
	overflow:hidden;
	top:86px;
	left:5px;
	position: absolute; 
	background-image:url(graphics/button_prev.gif);
	background-position: 0px 0px; 
	font-size:15pt;
	z-index: 2; 
}

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

.interface_next  a {
	width: 26px;
	height: 28px; 
	overflow:hidden;
	top:86px;
	left:33px;
	position: absolute; 
	background-image:url(graphics/button_next.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

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

/*********************************************************************************
 * SEARCH 
 *********************************************************************************/


.search {
	display: none; 
	width:320px;
	height:43px;
	background-image:url(graphics/bg_search.gif);
	background-position: 0px 0px;
	border:0px none;
	background-color:#ffffff;
	padding-left: 10px; 
	padding-top: 8px;
	top: 10px; 
}

.search_add a {
	width: 71px;
	height: 34px; 
	overflow:hidden;
	top:420px;
	left:222px;
	position: absolute; 
	background-image:url(graphics/button_add.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

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



.search_button a {
	width: 36px;
	height: 34px; 
	overflow:hidden;
	top:420px;
	left:180px;
	position: absolute; 
	background-image:url(graphics/button_search.gif);
	background-position: 0px 0px; 
	font-size:15pt;
}

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



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



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

.prompt {
	width:300px;
	height:200px;
	position:relative;
	background-color: #73c3de;
	overflow:hidden;
	font-family: arial, sans-serif; 
	color: #ffffff; 
	font-weight: bold;
	font-size: 14px; 
	border: 1px #e4e4e4 solid; 
}

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

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

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


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

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

/*********************************************************************************
 * FISHEYE  
 *********************************************************************************/
 
.fisheye{
	text-align: center;
	height: 50px;
	position: absolute;
	width:320px;
	bottom: 0px;
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	bottom: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 5px 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: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}

/*********************************************************************************
 * SHARE MEDIA 
 *********************************************************************************/
 
.sharemedia_content {
	background-color: #ffffff; 
	text-align: left; 
}

.sharemedia_content_instructions {
	padding: 10px; 
	width: 270px; 
	font-family: arial, sans-serif; 
	font-size: 11px;
	color: #000000; 
	text-decoration: none; 
	font-weight: normal; 
}

.sharemedia_content_shareimg {
	background-image:url(graphics/icon_share.gif);
	position: absolute; 
	left: 40px; 
	top: 80px; 
	width: 40px;
	height: 15px; 
}

.sharemedia_content_share {
	position: absolute; 
	left: 100px; 
	top: 80px; 
	border: 1px solid #ccc; 
	padding: 2px;
	font-family: arial, sans-serif; 
	font-size: 11px;
	color: #406da0; 
	text-decoration: none; 
	background-color: #f7f7f7; 
	font-weight: normal; 
}

.sharemedia_content_embedimg {
	position: absolute; 
	background-image:url(graphics/icon_embed.gif);
	left: 40px; 
	top: 115px; 
	width: 40px;
	height: 15px; 
}

.sharemedia_content_embed {
	position: absolute; 
	left: 100px; 
	top: 115px; 
	border: 1px solid #ccc; 
	padding: 2px;
	font-family: arial, sans-serif; 
	font-size: 11px;
	color: #406da0; 
	text-decoration: none; 	
	background-color: #f7f7f7; 
	font-weight: normal; 
}


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

#addfriends_info {
	padding: 10px; 
	width: 270px; 
	font-family: arial, sans-serif; 
	font-size: 11px;
	color: #000000; 
	text-decoration: none; 
	font-weight: normal; 
	position: absolute; 
	top: 10px; 
	left: 20px; 
	text-align: left; 
}

#addfriends_textarea {
	border: 1px solid #ccc; 
	padding: 2px;
	font-family: arial, sans-serif; 
	font-size: 11px;
	color: #406da0; 
	position: absolute; 
	top: 60px; 
	left: 30px; 
}


#addfriends_button {
	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: 11px;
	color: #ffffff; 
	background-color: #3fadd1; 
	font-weight: normal; 
	position: absolute; 
	top: 120px; 
	left: 30px; 
} 

#addfriends_or {
	font-family: arial, sans-serif; 
	font-size: 11px;
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	position: absolute; 
	top: 125px; 
	left: 110px; 
} 

#addfriends_fblink {
	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: 11px;
	color: #ffffff; 
	background-color: #3fadd1; 
	font-weight: normal; 
	position: absolute; 
	top: 120px; 
	left: 140px; 
}