/* New Sections Added 12/04/07 */

a#feature_upload_photos_link:hover
{
	background-position:0pt -26px;
	color:#880000;
}
a#feature_upload_photos_link
{
	background:transparent url(http://x.myspace.com/images/myspacetv/css/btn_upload.gif) no-repeat scroll 0pt 0px;
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
	height:12px;
	padding-left:18px;
	text-decoration:underline;
}

/* New Sections Added 11/22/06 */
#content
{
	width: 780px;
	margin: 6px 10px 0 10px;
	padding: 0 0 0 0;
}
#content a:hover
{
	color: #003399;
	text-decoration: underline;
}
#photo_wrap
{
	padding: 0 0 0 0;
	margin: 0;
}
.photomain_wrap
{
	margin: 6px 10px 0 10px;
}
#feature_headContainer
{
	width: 100%;
	font-size: 11px;
	padding: 0 0 10px 0;
	height: 25px;
	margin: 0;
}
.feature_headtext
{
	color: #6698cb;
	font-weight: bold;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 18px;
}

#feature_subheadContainer .feature_headRight
{
	width: 250px;
	vertical-align: top;
	white-space: nowrap;
	height: 25px;
	line-height: 24px;
	padding: 0 0 0 0;
}

#feature_subheadContainer
{
	background: #e4f0fc;
	border-top: 1px solid #6698cb;
	height: auto;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
#feature_subheadContainer td
{
	vertical-align: top;
	height: 25px;
	line-height: 24px;
	padding: 0 0 0 0;
}

#feature_subheadContainer table
{
	width: 772px;
	margin: 0;
	padding: 4 0 0 0;
}
.feature_subheadLeft
{
	padding: 0 0 0 4px;
	margin: 0;
}

#photo_fields input
{
	border: 1px solid #b2b2b2;
	background-color: #f0f0f0;
	width: 143px;
	font-size: 11px;
	height: 18px;
	font-family: arial;
	color: #666666;
}
#photo_fields span
{
	font-family: arial;
	color: #676767;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 5px;
}
#photo_fields .field
{
	margin: 3px 0 3px 0;
	width: 170px;
	white-space: nowrap;
}

*html .photo_buttons input
{
	padding: 0 !important;
}
.photo_buttons .default
{
	width: 85px;
	padding: 0;
	font-size: 11px;
	padding: 1px;
	margin: 4px 0 3px 0;
}
.photo_buttons .edit
{
	width: 70px;
	padding: 0;
	font-size: 11px;
	padding: 1px;
	margin: 4px 0 3px 0;
}

#photo_listingHeader
{
	margin: 15px 0 15px 0;
	width: 100%;
	height: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #669acc;
	float: left;
}


#photo_listingHeader .listingleft
{
	float: left;
	text-align: left;
	color: #6698cb;
	font-weight: bold;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 15px;
}
#photo_listingHeader .listingright
{
	padding-top: 4px;
	float: right;
}
.listingright td
{
	background-image: url(    "http://x.myspace.com/images/photo-create-icon.gif" );
	background-repeat: no-repeat;
	background-position: left center;
}

.listingrighttext
{
	padding-left: 15px;
}

#viewAllPhotosLink a
{
	color: #cc0000 !important;
}


#photo_listingHeader_noLine
{
	margin: 15px 0 15px 0;
	width: 100%;
	height: 20px;
	padding-bottom: 3px;
	float: left;
}

#photo_listingHeader_noLine .listingleft
{
	float: left;
	text-align: left;
	color: #6698cb;
	font-weight: bold;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 15px;
}

#feature_headLeft
{
	text-align: left;
	float: left;
	margin-top: 7px;
}

#feature_headRight
{
	text-align: right;
	float: right;
	padding-right: 1px;
	margin: 0 0 0 0;
}

.BreadcrumbLinkTopRight
{
	display: block;
	padding-bottom: 4px;
}

.pagingContainer
{
	padding-bottom: 15px;
	width: 100%;
	overflow: auto;
	white-space: nowrap;
}
.pagingLink
{
	margin: 8px;
}

.pagingLeft
{
	width: 33%;
	float: left;
}

.pagingRight
{
	width: 33%;
	text-align: right;
	float: right;
}

.pagingCenter
{
	text-align: center;
	width: 34%;
	float: left;
}

.pagingCenter.pagingLink
{
	margin: 5px !important;
}

.currentpage
{
	margin: 10px;
}

.pagingOf
{
	margin: 8px;
	display: inline;
}

.pagingTopBorder
{
	border-top: solid 1px #6698cb;
	padding: 14px 0 20px 0;
}
.photo_border
{
	width: 180px;
	border: 1px solid #639bce;
}
.photo_title
{
	font-size: 11px;
	text-align: center;
	margin-top: 5px;
	border: 0;
	line-height: 16px;
	height: 40px;
	width: 180px;
}

.photo_count
{
	color: #666666;
	text-align: center;
	border: 0;
}

/* addeditalbums */
#photo_imagesContainer
{
	padding-top: 10px;
	margin-bottom: 0px;
}

#photo_imagesContainer td
{
	text-align: center;
	width: 25%;
}

#photo_imagesContainerAlbums td
{
	text-align: center;
	width: 25%;
}

#album_list
{
	width: 100%;
	padding: 0;
	margin-top: 10px;
}
#album_list ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#albumListings
{
	text-align: left;
	width: 100%;
	height: 137px;
	margin: 5px 0 45px 0;
	_margin: 5px 0 25px 0; /* IE hack*/
	padding: 0;
}

#albumListings .cover
{
	float: left;
	border: 1px solid #669acb;
	text-align: center;
	width: 178px;
	height: 135px;
	overflow: hidden;
}

#albumListings .cover a:hover img
{
	filter: alpha(opacity=80);
	moz-opacity: .80;
	opacity: .80;
}

.crop a
{
	width: 170px;
	height: 127px;
	display: block !important;
}

#albumListings .crop
{
	width: 170px;
	_width: 175px; /* IE hack*/
	height: 127px;
	_height: 133px; /* IE hack*/
	border: 4px solid #fff;
	overflow: hidden;
	_margin-top: 0px; /* IE hack*/
}

.fitCover
{
	width: 170px;
	height: 127px;
}

.coverSubtitle
{
	float: left;
	width: 100%;
	color: #CC0000;
	padding-top: 10px;
}

.album
{
	text-align: center;
	width: 180px;
	height: 137px;
	margin: 5px 0 0 0;
	padding: 0 0 30px 0;
	vertical-align: top;
}
.album .cover
{
	border: 1px solid #669acb;
	width: 179px;
	text-align: center;
	margin-bottom: 2px;
}
.album .cover a:hover img
{
	filter: alpha(opacity=80);
	moz-opacity: .80;
	opacity: .80;
}

.album .crop
{
	width: 170px;
	height: 127px;
	border: 4px solid #fff;
	overflow: hidden;
}

#photonav input
{
	font-size: 11px;
	margin-bottom: 3px;
}
#album_list .title, #album_list .title a
{
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	width: 100%;
}
#album_list .photonumber
{
	font-size: 11px;
	color: #666666;
	width: 100%;
	padding-bottom: 3px;
}
#album_list #photoprivacy td
{
	font-size: 11px;
	width: auto;
}
#album_list #photoprivacy input
{
	padding-right: 8px;
}
#album_details
{
	width: 450px;
	float: left;
	margin: 18px 0 0 15px;
	line-height: 18px;
}
#privacyheading
{
	width: 100%;
}

.clearboth
{
	clear: both;
}

.someBottomPadding
{
	padding-bottom: 10px;
}

#flashcontent
{
	border-left: 2px solid #6698CB;
	border-bottom: 2px solid #6698CB;
	border-right: 2px solid #6698CB;
	border-top: 0px solid #6698CB;
	width: 460px;
	height: 246px;
}

#AdMakeSmaller
{
	width: 300px;
	height: 260px;
	overflow: hidden;
}

.arrowBullet
{
	padding-top: 2px;
}
/* imageeditdetails */

#image_edit
{
	width: 100%;
}

#edit_left img
{
	margin-bottom: 7px;
	width: 170px;
}

#image_edit input
{
	font-size: 12px;
}

#edit_right
{
	text-align: left;
	margin-left: 15px;
}

.edit_move
{
	margin-bottom: 10px;
}

#dvImgListHypImage
{
	margin-bottom: 10px;	
}

#caption
{
 	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 11px;
}

.captionView
{
	padding-top: 10px;
	padding-bottom: 10px;
	width:530px;
}

#edit_right input, #edit_right select
{
	font-size: 12px;
}

.greycell
{
	background-color: #f0f0f0;
	height: 25px;
}



#photo_list 
{
text-align: center;

 vertical-align:text-top;
}

#photo_list .photo
{
	border: 1px solid #d8d8d8;
	padding: 5px;
	margin-right: 9px;
	width: 170px;
}
.photo_index_item
{
	margin-bottom: 10px;
	text-align: center;
	width: 170px;
}

.photoCaption
{
	display: block;
	width: 170px;	
	padding-top: 12px;
	padding-bottom: 5px;
}

#commentcount
{
	padding-bottom: 25px;
}

#photo_row
{
	margin-bottom: 40px;
}


/* Photo Arranger */
#photo_arrangeContainer
{
	width: 780px;
	height: 650px;
	margin-top: 8px;
}
#albumCover
{
	margin-top: 10px;
	margin-left: 12px;
	width: 80%;
	text-align: left;
	font-family: verdana,arial,sans-serif,helvetica;
	font-size: 11px;
	color: #b10033;
	font-weight: bold;
}
#albumCover img
{
	margin-left: 38px;
}


#boxes
{
	font-family: Arial, sans-serif;
	list-style-type: none;
	margin: 10px;
	padding: 4px;
	text-align: center;
}
#boxes li
{
	cursor: move;
	float: left;
	margin: 4px 4px 0px 0px;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 115px;
	width: 88px;
}
#arrangerEndBlock
{
	display: block;
	width: 100%;
	height: 40px;
	clear: both;
	border-bottom: 1px solid #6698CB;
}
#albumPhoto
{
	max-width: 80;
}


#albumName
{
	width: 70%;
	float: left;
	text-align: left;
	color: #6698cb;
	font-weight: bold;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 15px;
}
#save
{
	width: 20%;
	float: right;
	text-align: right;
}
#save input
{
	width: 60px;
}
#photo_arrangeHeader
{
	width: 100%;
	height: 25px;
}

#endOfAlbum
{
	font-weight: normal;
	margin-top: 15px;
	font-family: verdana,arial,sans-serif,helvetica;
	color: #666666 !important;
	font-size: 11px;
	text-decoration: none !important;
	cursor: default;
}

/* album cover cropping page */

#largeImageContainer
{
	text-align: center !important;
	padding-bottom: 15px;
	background-color: #EEEEEE;
	padding: 20px 50px 20px 50px;
	border-top: solid 1px #CCCCCC;
}

.buttonContainer
{
	text-align: center;
	background-color: #EEEEEE;
	padding: 10px 50px 20px 50px;
}

#croppingHeader
{
	padding: 25px 5px 75px 0;
	width: 555px;
	text-align: left;
}

#croppingText
{
	text-align: left;
	padding-bottom: 10px;
}

.subtext
{
	color: #669acb;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 11px;
}

.subtext_red
{
	color: #cc0000;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 11px;
}

#albumCoverPreview
{
	border: 1px solid #669acb;
	width: 180px;
	height: 135px;
	text-align: center;
	float: right;
	margin-top: 12px;
}

#previewArea
{
	margin-top: 4px;
}

.alertMessageText
{
	color: #cc0000;
}

#photoPageHeader
{
	text-align: left;
	color: #6698cb;
	font-weight: bold;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 15px;
}

.slideshowInstructionsHeader
{
	line-height: 14pt;
	width: 400px;
	font-weight: bold;
	padding-bottom: 5px;
}

.slideshowInstructions li
{
	line-height: 14pt;
	width: 400px;
	list-style-type: disc;
	vertical-align: top;
}

.slideshowCode
{
	width: 420px;
	margin-top: 15px;
	margin-bottom: 40px;
}
table#slideShowTable td
{
	width: 420px;
}

#createNewAlbum
{
	float: right;
	position: relative;
	background-color: #F0F0F0;
	width: 355px;
	height: 20px;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	top: -15px;
}

#createNewAlbum input
{
	font-size: 11px;
}

#createAlbumTitleText
{
	color: #686580;
	font-weight: bold;
}

.listingright img
{
	margin-right: 4px;
}

a#view_all_photos, a#create_album
{
	float: right;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 5px 0 0 2em;
}

a#view_all_photos
{
	color: #cc0000 !important;
}
a#view_all_photos img, a#create_album img
{
	float: left;
	margin-right: 5px;
	border: none;
}

.blue_header
{
	background-color: #6699cc;
	font-family: verdana,arial,sans-serif,helvetica;
	font-size: 9pt;
	color: #ffffff;
	font-weight: bold;
}

.blue_border
{
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6699cc;
	border-bottom-color: #6699cc;
	border-left-color: #6699cc;
	border-right-color: #6699cc;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-left-width: 2px;
}


h4
{
	color: #039;
	padding-left: 10px;
	padding-top: 60px;
	padding-bottom: 275px;
	text-align: center;
}


h3
{
	border: #CC0000 solid 1px;
	font-size: 11px;
	font-weight: normal;
	width: 520px;
	padding: 7px;
	z-index: 0;
}


/*
Depricated Styles

These selectors are no longer used but here for backwards compatibility.

*/

#photo_headContainer
{
	width: 100%;
	font-size: 11px;
	padding: 0 0 10px 0;
	height: 25px;
	margin: 0;
}
.photo_headtext
{
	color: #6698cb;
	font-weight: bold;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 18px;
}

#photo_subheadContainer .photo_headRight
{
	width: 250px;
	vertical-align: top;
	white-space: nowrap;
	height: 25px;
	line-height: 24px;
	padding: 0 0 0 0;
}

#photo_subheadContainer
{
	background: #e4f0fc;
	border-top: 1px solid #6698cb;
	height: auto;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
#photo_subheadContainer td
{
	vertical-align: top;
	height: 25px;
	line-height: 24px;
	padding: 0 0 0 0;
}

#photo_subheadContainer table
{
	width: 772px;
	margin: 0;
	padding: 4 0 0 0;
}
.photo_subheadLeft
{
	padding: 0 0 0 4px;
	margin: 0;
}

#photo_headLeft
{
	text-align: left;
	float: left;
	margin-top: 7px;
}

#photo_headRight
{
	text-align: right;
	float: right;
	padding-right: 1px;
	margin: 0 0 0 0;
}

/* Report Image Abuse */
#contentWrap {font-weight:bold; position:absolute; left:12%; width:75%; text-align:center; margin-top:30px;}
		p {padding-bottom:7px;}



#confirm { border: 2px solid #6698CB; }
#confirm h1 { background-color: #6698CB; color: #fff; font-size: 13px; background: url('http://x.myspace.com/images/check.gif') 2% 50% no-repeat #6698CB; padding: 10px 10px 10px 30px; }
#confirm p { background-color: #D0ECFD; margin: 0; padding: 7px 0 7px 30px; color: #003399; border-top: 1px solid #6698CB; }

#NoteList
{
	margin-top:5px;	
}

#ImageDiv
{
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	position: relative;	
	min-width: 600px;
	min-height: 800px;
	width: 300px;
	height: 800px;
	background-color: #FFF;
}

.photo_commands
{	
	vertical-align: middle;
	width: auto;
	height: auto;
	line-height: 40px;
}
.photo_commands a
{
	border: 1px solid #6698cb;
	background-color: #E4F0FC;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	white-space: nowrap;
}

a.share_button
{
	border: 1px solid #6698cb;
	background-color: #E4F0FC;

	padding: 5px; /* ff */
	font-size: 11px;
	font-weight: normal;
	white-space: nowrap;
}

a.share_button img
{
	vertical-align: middle;
	padding-bottom: 3px; /* ff */
}

.in_this_photo_approval_alert
{	
	border: 1px solid #6698cb;
	background-color: #eff3ff;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}

td#approval_text
{
	width: 80%; line-height:19px;	
}

.in_this_photo_approval_alert a
{
	border: 1px solid #6698cb;
	background-color: #E4F0FC;
	padding: 3px 15px 3px 15px;
	font-size: 11px;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;	
	line-height:22px !important;
}

.in_this_photo_approval_alert .approval_alert
{
	color: #990000;	
	font-weight: bold;
}

.new_alert
{
	color: #CC0000;	
	font-weight: bold;	
}

#NoTaggedPhotosMsg
{
	padding-top: 150px;
	font-size: 125%;
	font-weight: bold;
	color: #003399;
	text-align: center;	
	height: 300px;
}



/*Modal Popup*/
.modal_wrapper{position:absolute;top:20%;
	}
body > div.modal_wrapper {position:fixed;}

.modalHeading
{
	font-size: 18px !important;
	font-weight: bolder;
	padding: 5px;
	color: #6698CB;
	display: block;
	vertical-align: middle;
}

.modalSubHeading
{
	font-size: 14px !important;
	font-weight: bolder;
	padding: 5px;
	color: #666666;
	display: block;
}
.modalBox
{
	padding: 10px;
	background-color: #fff;
	width: 350px;
	height: auto;
	border: solid 7px #669ACB;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px !important;
	color: #666666;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


.modalTextLabels
{
	padding-bottom: 5px;
}

.modalBoxTextInputs
{
	background-color: #F6F6F6;
	font-size: 17px !important;
	border: solid 1px #CCCCCC;
	width: 260px;
}

.modalRadios
{
	font-style: italic;
	font-size: 12px;
}

.modalRadios input
{
	margin-left: 20px;
	margin-right: 8px;
}
.modalLine
{
	display: block;
	width: 100%;
	border-top: solid 1px #669ACB;
	height: 7px;
	background-color: #E4F0FC;
	margin-bottom: 15px;
}


.locationExample
{
	color: #666666;
	font-style:italic;
	font-weight: normal;
}

.bttmpad
{
	margin-bottom: 15px;	
}

.PhotosRule
{
	width: 100%;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.itemLayout
{
	vertical-align: top;
	text-align: center;
	float: left;
	padding: 12px;
}

#modalSaveButtons
{
	text-align: center;
}

#modalSaveButtons input
{
	font-weight: bold;
}

#modalConfirmTagRemoval td
{
	vertical-align: top;	
}

#modalConfirmTagRemoval td input
{
	margin-right: 8px;
}