/* ***********************************************
Title:        SP2 StyleSheet (Apps)
Author:     Fabrizio Fiandanese, fabrizio[at]fabriziofiandanese.com
************************************************** */

/*************************************/
/* GENERAL STYLE */
/*************************************/

body {
	margin:0px;
	padding:0px;
	padding-top:10px;
	font-family:Verdana;
	font-size:11px;	
	background:#3F3B34 url(../assets/apps/bg.jpg) no-repeat top center;
	color:#999;

	scrollbar-3dlight-color:#555;
	scrollbar-arrow-color:#CCC;
	scrollbar-base-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#222;
	scrollbar-highlight-color:#777;
	scrollbar-shadow-color:#444;
}

b, a {
	color:#FE7E11;
} 

body.welcome {
	padding:4px;
	background:#3F3B34 url() repeat-x top center;
}

.clr {
	clear:both;	
}

h2 {
	width:346px;
	margin:0px;
	margin-left:8px;
	padding:0px;
	padding-bottom:2px;
	text-align:left;
	font-size:10px;
	border-bottom:1px solid #FE7E11;
	margin-bottom:7px;
	font-weight:normal;
}

h2 b {
	font-weight:normal;
}

h3 {
	width:346px;
	margin:0px;
	margin-left:8px;
	padding:0px;
	padding-bottom:2px;
	text-align:left;
	font-size:11px;
	margin-bottom:5px;
	color:#FE7E11;	
	font-weight:bold;
}

table {
	width:350px;
	margin:6px;
	margin-top:3px;
	padding:0px;	
	font-size:10px;
}

table td {
	margin:0px;
	padding:3px;	
}

table tr.alt td {
	background-color:#555;
}

input {
	font-family:Verdana;
	font-size:10px;
}

img {
	border:0px;
}

form {
	margin:0px;
	padding:0px;	
}

form img {
	cursor:pointer;
}		

.notice {
	font-size:9px;
	text-align:center;	
}	

/*************************************/
/* SP_APP_LOGIN_BOX */
/*************************************/

#sp_app_login_box {
	position:absolute;
	top:8px;
	left:182px;
	width:174px;
	text-align:right;
	font-size:9px;
}

/*************************************/
/* SP_APP_PROMO */
/*************************************/

#sp_app_promo {
	position:absolute;
	top:170px;
	width:363px;
	margin-left:8px;
	margin-left:1px;
	padding-top:1px;
	border-top:1px solid #FE7E11;
	text-align:center;
}

#sp_app_promo.custom {
	margin-left:1px;
}

/*************************************/
/* SP_APP_WELCOME */
/*************************************/

#sp_app_welcome {
	padding-top:5px;
}

#sp_app_welcome .today_promo,
#sp_app_welcome .sponsor_zone{
	float:left;
}

#sp_app_welcome .today_promo{
	width:174px;
	height:228px;

}

#sp_app_welcome .today_promo a{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	font-size:11px;
	line-height:15px;

}

#sp_app_welcome .today_promo img{
	border:0px;
}

#sp_app_welcome .sponsor_zone{
	width:180px;
	height:228px;
	margin-left:2px;
}


#sp_app_welcome .sponsor_zone .custom{
	margin-top:15px;
}

/*************************************/
/* SP_APP_FAN */
/*************************************/

#sp_app_fan {
}

#sp_app_fan .subnav {
	padding:3px;
	padding-left:6px;
	border-bottom:1px solid #555;
	margin-bottom:3px;
}

#sp_app_fan .msg {

	padding-left:6px;

}

#sp_app_fan .subnav a {
	text-decoration:none !important;
	color:#888  !important;
}

#sp_app_fan .subnav a:hover {
	text-decoration:underline !important;
}

#sp_app_fan .subnav a.active {
	font-weight:bold;
	color:#FFF !important;
}

#sp_app_fan td {
	border-bottom:1px solid #555;
}

#sp_app_fan td.thb {
	width:60px;
	background-color:#36332E;
	text-align:center;
}

#sp_app_fan td.data {
	width:150px;
}

#sp_app_fan td.data b{
	display:block;
	color:#CCC;
}

#sp_app_fan td.action {
	width:110px;
	text-align:center;
}

#sp_app_fan td.action img {
	border:0px;
}

/* paginator */

#sp_app_fan .paginator_wrapper {
	position:absolute;
	top:148px;
	left:10px;
	width:346px;
	text-align:right;
	font-size:9px;
	font-weight:bold;
}

#sp_app_fan .paginator {
	float:right;
}

#sp_app_fan .paginator a{
	text-decoration:none	
}	

#sp_app_fan .paginator a:hover{
	text-decoration:underline	
}		

#sp_app_fan .paginator .prev,
#sp_app_fan .paginator .list,
#sp_app_fan .paginator .next {
	float:left;
}

#sp_app_fan .paginator .prev,
#sp_app_fan .paginator .next {
	width:10px;
	margin-top:2px;	
	margin-left:2px;	
	margin-right:2px;	
	padding:1px;
	padding-left:8px;
	padding-right:8px;	
	border:1px solid #555;
	text-align:center;
}	

#sp_app_fan .paginator .prev a,
#sp_app_fan .paginator .next a {
	font-weight:bold !important;
}	

#sp_app_fan .paginator ul,
#sp_app_fan .paginator li{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
}

#sp_app_fan .paginator li{
	float:left;
	width:10px;
	margin-top:2px;	
	padding:1px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #555;
}


/*************************************/
/* SP_APP_UPLOAD */
/*************************************/

#sp_app_upload {
}

#sp_app_upload table{
	margin-top:0px;
}

#sp_app_upload td.field {
	font-weight:bold;
}

#sp_app_upload td.btn {
	padding-left:50px;
}

#sp_app_upload td input,
#sp_app_upload td textarea {
	background-color:#403B35 !important;
	border:1px solid #A29F9A !important;
	width:245px;
	color:#CCC !important;
	font-family:Verdana;
	font-size:11px;
}
#sp_app_upload td input.radio-btn_upload_contest {
	background-color:#403B35 !important;
	border:0px solid #ffffff !important;
	width:30px;
	color:#CCC !important;
	font-family:Verdana;
	font-size:11px;
	
}
#upload_sandbox td input.radio-btn_upload_contest span.lbl_upload_contest {
	font-size:12px !important;
	color:red;
}
#sp_app_upload td textarea {
	height:40px;
	_height:36px;
}

#sp_app_upload td textarea.short {
	height:16px !important;
}

#sp_app_upload td img {
	border:0px;
}

/*************************************/
/* SP_APP_CONTEST */
/*************************************/

#sp_app_contest {
}

#sp_app_contest table{
	margin-top:0px;
}

#sp_app_contest td.field {
	font-weight:bold;
}

#sp_app_contest td.btn {
	text-align:center;
}

#sp_app_contest td input,
#sp_app_contest td textarea {
	background-color:#403B35 !important;
	border:1px solid #A29F9A !important;
	width:245px;
	color:#CCC !important;
	font-family:Verdana;
	font-size:11px;
}

#sp_app_contest td textarea {
	height:40px;
}

#sp_app_contest td textarea.large {
	height:80px;
}

#sp_app_contest td img {
	border:0px;
}

/*************************************/
/* SP_APP_LOGIN */
/*************************************/

#sp_app_login {
}

#sp_app_login a.slider{
	display:block;
	cursor:pointer;
	border:1px solid #CCC;
	padding:1px;
	padding-left:6px;
}


#sp_app_login table{
	margin-top:0px;
}

#sp_app_login table.logincheck{
	margin-top:10px;

}

#sp_app_login td.field {
	width:75px;
	font-weight:bold;
}

#sp_app_login td.btn {
	padding-left:40px;
}

#sp_app_login td input,
#sp_app_login td textarea {
	background-color:#403B35 !important;
	border:1px solid #A29F9A !important;
	width:245px;
	color:#CCC !important;
}

#sp_app_login p{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

#sp_app_login img {
	border:0px;
}

/*************************************/
/* POLL */
/*************************************/

.poll {
	background:#403B35 url(../assets/apps/rate.jpg) no-repeat top center;
	text-align:center;
	height:129px;
}

.poll .question{
	position:absolute;
	top:40px;
	left:50px;
	width:270px;
	font-size:11px;
	color:#FE7E11;	
	font-weight:bold;
}

.poll .prompt{
	position:absolute;
	top:84px;
	left:50px;
	width:270px;
	font-size:11px;
}

.poll .rateme{
	position:absolute;
	top:96px;
	left:50px;
}

.poll .buyme{
	position:absolute;
	top:105px;
	left:58px;
	text-align:left;
}

.poll .description{
	position:absolute;
	top:80px;
	left:50px;
	width:270px;
	font-size:11px;
}

.poll .myrate{
	position:absolute;
	top:100px;
	left:50px;
	width:270px;
	font-size:11px;

}

.poll .message{
	position:absolute;
	top:85px;
	left:50px;
	width:270px;
	font-size:11px;
}


.poll a.submit{
	position:absolute;
	top:115px;
	left:155px;
}

.poll .resource,
.poll .next{
	position:absolute;
	top:136px;
	left:50px;
	width:270px;
	font-size:11px;
	text-align:center;
}

.poll table {
	width:270px;
	margin:0px;
	padding:0px;

}

.poll table .c1{
	width:75px;
	text-align:center;
}


.poll table .c2{
	width:195px;
}

.poll .question table .c2 img{
	margin-top:4px;
}


.poll .rateme table{
	border-top:1px solid #555;
}

.poll .rateme table input{
	background-color:#403B35 !important;
	border:1px solid #A29F9A !important;
	color:#CCC !important;
	width:120px;
	font-family:Verdana;
	font-size:10px;
}


/*************************************/
/* REQUEST */
/*************************************/

#sp_app_request {
}

#sp_app_request table{
	margin-top:-5px;
}

#sp_app_request td {
	padding:7px;
	_padding:6px;
}

#sp_app_request table.shrink td {
	padding:1px;
	_padding:0px;
}


#sp_app_request td.field {
	font-weight:bold;
}

#sp_app_request td.btn {
	padding-left:50px;
}

#sp_app_request td input,
#sp_app_request td textarea,
#sp_app_request td select
 {
	background-color:#403B35 !important;
	border:1px solid #A29F9A !important;
	width:225px;
	color:#CCC !important;
	font-family:Verdana;
	font-size:11px;
}

#sp_app_request td textarea {
	height:40px;
	_height:36px;
}

#sp_app_request td textarea.short {
	height:16px !important;
}

#sp_app_request td img {
	border:0px;
}

#sp_app_request .help {
	position:relative;
	font-size:10px;
	text-align:center;
	top:-12px;
	_top:-17px;	
}

#sp_app_request .small {
	
	margin-top:5px;
	font-size:10px;

}

/*************************************/
/* SP_APP_MESSAGE_BOARD */
/*************************************/

#sp_app_message_board {
	position:absolute;
	top:130px;
	left:10px;
	width:346px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px dashed red;
	background-color:#000;
		
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	text-align:center;	
}	


/*************************************/
/* SP_APP_DIALOG */
/*************************************/

#sp_app_dialog {
	display:none;
}
#sp_buy_dialog_amazon_album, #sp_buy_dialog_amazon_song, #sp_buy_dialog_itunes_album, #sp_buy_dialog_itunes_song {
	display:none;
}
/*************************************/
/* SP_UPLOAD_SCREEN */
/*************************************/

#sp_upload_screen {
	display:none;
	padding:20px;
}		

table.tb_playlist td.helpus {
	
}
#upload_container {
	height:125px;	
	width:350px;			
	border:0px solid #fff;
	overflow:auto;	
	overflow-x:hidden;						
}
#upload_sandbox {
	position:relative;
	height:125px;		
	width:350px;   			
}