/* listing assets content
***************************************************************************************/

#auctionAssetPage

{




}


h3.auctionAssetPageTitle
{
	font-family:"century gothic",helvetica,arial;
	font-size:48px;
	letter-spacing:-3px;
}



/* listing row list */
ul#listingAssetList
{
	height:420px;
}

/* listing title */
ul#listingAssetList h3.listingTitle
{
	position:absolute;
	top:35px;
	left:530px;
	width:335px;
	height:86px;
	font-size:18px;
	text-align:center;
	z-index:100;
}

ul#listingAssetList h3.listingTitle a
{

}


/* camera watermark */
ul#listingAssetList .videoWatermarkSmall
{
	position:absolute;
	top:27px;
	left:30px;
	width:67px;
	height:50px;
	background:url(/images/assets/hammer_watermark_small.gif) no-repeat 0px 0px;
}

/* video player wrapper */
ul#listingAssetList #vzaar_media_player
{
	position:absolute;
	top:90px;
	left:529px;
	width:334px;
	height:254px;
	z-index:100;
}

/* video player swf */
ul#listingAssetList .vzaarPlayer
{
	position:absolute;
	top:90px;
	left:529px;
	width:334px;
	height:254px;
	z-index:100;
}


/* video player background */
ul#listingAssetList .vzaarPlayerBackground
{
	position:absolute;
	top:73px;
	left:512px;
	width:368px;
	height:334px;
	z-index:10;
}

/* seller label*/
ul#listingAssetList h4.sellerLabel
{
	position:absolute;
	top:100px;
	left:30px;
	width:100px;
	height:18px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	font-family: "century gothic", helvetica, verdana;
}

/* username link*/
ul#listingAssetList a.usernameLink
{
	position:absolute;
	top:118px;
	left:30px;
	display:block;
	width:auto;
	height:20px;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#4e5ee1;
	font-family: "century gothic", helvetica, verdana;
	letter-spacing: 0px
}

/* vzaar profile button*/
ul#listingAssetList a.viewVzaarProfileLink, ul#listingAssetList a.viewVzaarProfileLink:visited
{
	position:absolute;
	top:150px;
	left:30px;
	background:url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px 0px;
	color:#000000;
	display:block;
	width:92px;
	height:20px;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;

}

ul#listingAssetList a.viewVzaarProfileLink:hover {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -20px;
}
ul#listingAssetList a.viewVzaarProfileLink:active {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -40px;
	line-height:18px;
}

/* vzaar eBay button*/
ul#listingAssetList a.viewEbayProfileLink, ul#listingAssetList a.viewEbayProfileLink:visited
{
	position:absolute;
	top:150px;
	left:130px;
	background:url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px 0px;
	color:#000000;
	display:block;
	width:92px;
	height:20px;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;

}

ul#listingAssetList a.viewEbayProfileLink:hover {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -20px;
}
ul#listingAssetList a.viewEbayProfileLink:active {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -40px;
	line-height:18px;
}

/* account type logo*/
ul#listingAssetList .accountTypeLogo
{
	position:absolute;
	top:148px;
	left:430px;
	width:72px;
	height:23px;
}


/* listing thumbnail link*/
ul#listingAssetList a.listingThumbNailLink, ul#listingAssetList a.listingThumbNailLink:visited
{
	position:absolute;
	top:210px;
	left:32px;
	width:64px;
	height:64px;
	border:2px solid #999999;
}

ul#listingAssetList a.listingThumbNailLink:hover
{
	position:absolute;
	top:210px;
	left:32px;
	width:64px;
	height:64px;
	border:2px solid #333333;
}


/* listing thumbnail img*/
ul#listingAssetList .listingThumbNailLink img.listingThumbNail
{
	width:64px;
	height:64px;
}



/* price*/
ul#listingAssetList h4.price
{
	position:absolute;
	top:200px;
	left:132px;
	width:300px;
	font-size:36px;
	font-weight:bold;
	letter-spacing:-1px;
}

/* type */
ul#listingAssetList .type
{
	position:absolute;
	top:250px;
	left:132px;
	width:300px;
	color:#999999;
}

/* live */
ul#listingAssetList .line
{
	position:absolute;
	top:290px;
	left:30px;
	width:470px;
	border-top:3px double #ededed
}

/* end date label */
ul#listingAssetList .endDateLabel
{
	position:absolute;
	top:300px;
	left:132px;
	width:95px;
	color:#999999;
}

/* end date label data*/
ul#listingAssetList .endDateLabelData
{
	position:absolute;
	top:300px;
	left:240px;
	width:270px;
	color:#333333;
}


/* ebay item id label*/
ul#listingAssetList .ebayItemIdLabel
{
	position:absolute;
	top:320px;
	left:132px;
	width:95px;
	color:#999999;
}

/* ebay item id  data*/
ul#listingAssetList .ebayItemIdData
{
	position:absolute;
	top:320px;
	left:240px;
	width:270px;
	color:#333333;
}


/* category label*/
ul#listingAssetList .categoryLabel
{
	position:absolute;
	top:340px;
	left:132px;
	width:300px;
	color:#999999;
}

/* category data*/
ul#listingAssetList .categoryData
{
	position:absolute;
	top:340px;
	left:240px;
	width:270px;
	color:#333333;
}










/* view now on eBay*/
ul#listingAssetList a.viewOnEbayLink, ul#listingAssetList a.viewOnEbayLink:visited
{
	position:absolute;
	top:370px;
	left:130px;
	background:url(/images/assets/view_now_on_ebay_btn.gif) no-repeat scroll 0px 0px;
	color:#000000;
	display:block;
	width:119px;
	height:23px;
	font-size:10px;
	font-weight:bold;
	line-height:19px;
	padding-left:10px;
	text-decoration:none;

}

ul#listingAssetList a.viewOnEbayLink:hover {
	background:transparent url(/images/assets/view_now_on_ebay_btn.gif) no-repeat scroll 0px -23px;
}
ul#listingAssetList a.viewOnEbayLink:active {
	background:transparent url(/images/assets/view_now_on_ebay_btn.gif) no-repeat scroll 0px -46px;
	line-height:21px;
}

































/**************** reportVideoLightboxContent lightbox **************/


/* lightbox header */
#lightboxHeader h2.reportVideoLightboxHeader
{
	position:absolute;
	top:23px;
	left:25px;
	width:345px;
	height:16px;
	text-indent:-9999px;
	background: url(/images/assets/lightbox_report_video_problem.gif);
}

#lightboxBody #reportVideoLightboxContent
{
	padding:20px 30px 0px 25px;
	position:relative;
}

#lightboxBody #reportVideoLightboxContent p
{
	margin-bottom:10px;
	height:40px;
}

#lightboxBody #reportVideoLightboxContent label
{
	display:inline;
	padding-left:10px;
}

#lightboxBody #reportVideoLightboxContent label.emailMessageLabel
{
	padding-left:0px;
}

#lightboxBody #reportVideoLightboxContent li
{
	padding-bottom:30px;
}


/* LI positioning for message */

#lightboxBody #reportVideoLightboxContent .emailMessageLi
{
	position:absolute;
	top:69px;
	left:250px;
	width:450px;
	height:180px;
}


/* text area */
#lightboxBody #reportVideoLightboxContent #emailMessageField
{
	border:1px solid #dedede;
	color:#666666;
	font-size:18px;
	padding:5px;
	width:440px;
	height:170px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
}


/* send button */
#lightboxBody #reportVideoLightboxContent a.emailLightboxSendLink
{
	float:left;
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:15px;
	width:50px;	
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-style:normal;
	margin-left:20px;
}

#lightboxBody #reportVideoLightboxContent a.emailLightboxSendLink:hover
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -15px;
}

#lightboxBody #reportVideoLightboxContent a.emailLightboxSendLink:active
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -30px;
	line-height:14px;
}



/* cancel button */
#lightboxBody #reportVideoLightboxContent a.emailLightboxCloseLink
{
	float:left;
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:15px;
	width:50px;	
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-style:normal;
	margin-left:540px;
}

#lightboxBody #reportVideoLightboxContent a.emailLightboxCloseLink:hover
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -15px;
}

#lightboxBody #reportVideoLightboxContent a.emailLightboxCloseLink:active
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -30px;
	line-height:14px;
}














/**************** lightbox email this video link  styles**************/


/* lightbox header */
#lightboxHeader h2.emailLightboxHeader
{
	position:absolute;
	top:23px;
	left:25px;
	width:174px;
	height:16px;
	text-indent:-9999px;
	background: url(/images/assets/lightbox_email_video_header.gif);
}

#lightboxBody #emailLightboxContent
{
	padding:20px 30px 0px 25px;
	position:relative;
}

/* LI positioning */

#lightboxBody .emailMessageLi
{
position:absolute;
top:20px;
left:380px;
}

/* input fields */
#lightboxBody #emailLightboxContent #recipientsNameField,
#lightboxBody #emailLightboxContent #recipientsEmailField,
#lightboxBody #emailLightboxContent #yourNameField,
#lightboxBody #emailLightboxContent #yourEmailAddress
{
	border:1px solid #DEDEDE;
	color:#666666;
	font-size:13px;
	padding:5px;
	width:300px;
}

/* text area */
#lightboxBody #emailLightboxContent #emailMessageField
{
	border:1px solid #DEDEDE;
	color:#666666;
	font-size:18px;
	padding:5px;
	width:315px;
	height:213px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#lightboxBody #emailLightboxContent .sendAndCloseButtons
{
	width:100%;
	margin-top:20px;
	margin-left:550px;
}

/* send button */
#lightboxBody #emailLightboxContent a.emailLightboxSendLink
{
	float:left;
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:15px;
	width:50px;	
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-style:normal;
	margin-left:20px;
}

#lightboxBody #emailLightboxContent a.emailLightboxSendLink:hover
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -15px;
}

#lightboxBody #emailLightboxContent a.emailLightboxSendLink:active
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -30px;
	line-height:14px;
}



/* close button */
#lightboxBody #emailLightboxContent a.emailLightboxCloseLink
{
	float:left;
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:15px;
	width:50px;	
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-style:normal;	
}

#lightboxBody #emailLightboxContent a.emailLightboxCloseLink:hover
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -15px;
}

#lightboxBody #emailLightboxContent a.emailLightboxCloseLink:active
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -30px;
	line-height:14px;
}






/**************** lightbox embed video manually styles **************/



/**** lightbox embed header ****/

#lightboxEmbedHeader h2.lightboxEmbedHeader
{
	position:absolute;
	top:23px;
	left:25px;
	width:295px;
	height:17px;
	text-indent:-9999px;
	background: url(/images/assets/lightbox_embed_video_header.gif);
}


#lightboxBody #embedLightboxContent
{
	padding:20px 30px 0px 25px;
}

#lightboxHeader h2.lightboxEmbedHeader
{
	position:absolute;
	top:23px;
	left:25px;
	width:295px;
	height:17px;
	text-indent:-9999px;
	background: url(/images/assets/lightbox_embed_video_header.gif);
}


#lightboxBody #embedLightboxContent .embedSteps
{
	width:100%;
	font-size:10px;
	height:58px;
	font-weight:bold;
	border:0px solid #666666;
	line-height:11px;
	letter-spacing:-1px;
	margin-bottom:20px;
}

#lightboxBody #embedLightboxContent .embedSteps .step1
{
	float:left;
	width:106px;
	height:38px;
	padding-left:60px;
	padding-top:12px;
	background:url(/images/assets/lightbox_embed_step1.png) no-repeat 0 1px;	
	border-bottom:3px solid #596079;
}

/* IE6 for transparency*/
* html #lightboxBody #embedLightboxContent .embedSteps .step1
{
	background:none; /*cancel background above for IE6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/assets/lightbox_embed_step1.png', sizingMethod='crop');
}


#lightboxBody #embedLightboxContent .embedSteps .step2
{
	float:left;
	margin-left:8px;
	width:106px;
	height:38px;
	padding-left:60px;
	padding-top:12px;
	background:url(/images/assets/lightbox_embed_step2.png) no-repeat 0 1px;
	border-bottom:3px solid #596079;
}

/* IE6 for transparency*/
* html #lightboxBody #embedLightboxContent .embedSteps .step2
{
	background:none; /*cancel background above for IE6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/assets/lightbox_embed_step2.png', sizingMethod='crop');
}


#lightboxBody #embedLightboxContent .embedSteps .step3
{
	float:left;
	margin-left:8px;	
	width:106px;
	height:42px;
	padding-left:60px;
	padding-top:8px;	
	background:url(/images/assets/lightbox_embed_step3.png) no-repeat 0 1px;
	border-bottom:3px solid #596079;
}

/* IE6 for transparency*/
* html #lightboxBody #embedLightboxContent .embedSteps .step3
{
	background:none; /*cancel background above for IE6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/assets/lightbox_embed_step3.png', sizingMethod='crop');
}


#lightboxBody #embedLightboxContent .embedSteps .step4
{
	float:left;
	margin-left:8px;	
	width:106px;
	height:38px;
	padding-left:60px;
	padding-top:12px;
	background:url(/images/assets/lightbox_embed_step4.png) no-repeat 0 1px;
	border-bottom:3px solid #596079;
}

* html #lightboxBody #embedLightboxContent .embedSteps .step4
{
	background:none; /*cancel background above for IE6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/assets/lightbox_embed_step4.png', sizingMethod='crop');
}


#lightboxBody #embedLightboxContent .videoUrl
{
	width:100%;
}


#lightboxBody #embedLightboxContent .embedManuallyField
{
	width:99%;
	height:130px;
	background-color:#fffff5;
	font-family:Courier, monospace;
	font-size:13px;
	border:none;
	border:2px dashed #596079;
}

/* override listings.css */
#lightboxBody #embedLightboxContent .embedDescription
{
	margin-top:10px;
}


/* close button */
#lightboxBody #embedLightboxContent a.embedLightboxCloseLink
{
	margin-top:20px;
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:15px;
	width:50px;	
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-style:normal;	
}

#lightboxBody #embedLightboxContent a.embedLightboxCloseLink:hover
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -15px;
}

#lightboxBody #embedLightboxContent a.embedLightboxCloseLink:active
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -30px;
	line-height:14px;
}























/* video assets controls - SHRUNK
***************************************************************************************/

ul#videoAssetControlsShrunk
{
	position:relative;
	background:url(/images/interface/controls_shrunk_bar_bg.gif) no-repeat 0px 0px;
	width:900px;
	height:49px;
	/*margin-top:130px;*/
}


/* all list li except expand / shrink tollbar*/
ul#videoAssetControlsShrunk li
{
	float:left;
	height:30px;
	display:inline;
	margin:11px 10px 0px 15px;
	*-margin:15px 10px 0px 15px; /* IE6 hack because with use display:inline inside the links so weneed more gap at the top */	
	font-weight:bold;
}



/* expand toolbar button */
ul#videoAssetControlsShrunk li.changeToolbarLi
{
	float:right;
	display:inline;
	margin:13px 15px 0px 15px;
	width:133px;
	height:24px;
	font-weight:bold;
}


ul#videoAssetControlsShrunk li a.changeToolBar, ul#videoAssetControlsShrunk li a.changeToolBar:visited
{
	display:block;
	position:absolute;
	top:12px;
	left:750px;
	background:url(/images/interface/controls_icon_expand_bg.gif) no-repeat 0px 0px;
	font-size:10px;
	width:133px;
	height:24px;
	line-height:22px;
	padding-left:8px;
	color:#ffffff;
	text-decoration:none;	
}

ul#videoAssetControlsShrunk li a.changeToolBar:hover
{
	color:#86ac1b;	
	background:url(/images/interface/controls_icon_expand_bg.gif) no-repeat 0px -24px;	
}

ul#videoAssetControlsShrunk li a.changeToolBar:active
{
	color:#86ac1b;
	line-height:24px;
	background:url(/images/interface/controls_icon_expand_bg.gif) no-repeat 0px -48px;		
}




/* add */
ul#videoAssetControlsShrunk li a.add, ul#videoAssetControlsShrunk li a.add:visited
{
	display:block;
	*-display:inline; /* IE6 hack, otherwise all links will be in a separeta line */	
	background:url(/images/interface/controls_icon_add.gif) no-repeat 0px 4px;
	font-size:14px;
	padding:4px 6px 4px 27px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	margin-left:18px;

}

ul#videoAssetControlsShrunk li a.add:hover
{
	color:#86ac1b;
}


/* embed */
ul#videoAssetControlsShrunk li a.embed, ul#videoAssetControlsShrunk li a.embed:visited
{
	display:block;
	*-display:inline; /* IE6 hack, otherwise all links will be in a separeta line */	
	background:url(/images/interface/controls_icon_embed_manually.gif) no-repeat 0px 4px;
	font-size:14px;
	padding:4px 6px 4px 30px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
}

ul#videoAssetControlsShrunk li a.embed:hover
{
	color:#86ac1b;	
}



/* create */
ul#videoAssetControlsShrunk li a.create, ul#videoAssetControlsShrunk li a.create:visited
{
	display:block;
	*-display:inline; /* IE6 hack, otherwise all links will be in a separeta line */	
	background:url(/images/interface/controls_icon_create_listing.gif) no-repeat 0px 4px;
	font-size:14px;
	padding:4px 6px 4px 30px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
}

ul#videoAssetControlsShrunk li a.create:hover
{
	color:#86ac1b;	
}



/* remove */
ul#videoAssetControlsShrunk li a.remove, ul#videoAssetControlsShrunk li a.remove:visited
{
	display:block;
	*-display:inline; /* IE6 hack, otherwise all links will be in a separeta line */	
	background:url(/images/interface/controls_icon_remove_from_listing.gif) no-repeat 0px 4px;
	font-size:14px;
	padding:4px 6px 4px 27px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
}

ul#videoAssetControlsShrunk li a.remove:hover
{
	color:#86ac1b;	
}


/* replace */
ul#videoAssetControlsShrunk li a.replace, ul#videoAssetControlsShrunk li a.replace:visited
{
	display:block;
	*-display:inline; /* IE6 hack, otherwise all links will be in a separeta line */
	background:url(/images/interface/controls_icon_replace_video.gif) no-repeat 0px 4px;
	font-size:14px;
	padding:4px 6px 4px 30px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
}

ul#videoAssetControlsShrunk li a.replace:hover
{
	color:#86ac1b;	
}


/* delete */
ul#videoAssetControlsShrunk li a.delete, ul#videoAssetControlsShrunk li a.delete:visited
{
	display:block;
	*-display:inline; /* IE6 hack, otherwise all links will be in a separeta line */
	background:url(/images/interface/controls_icon_delete_video.gif) no-repeat 0px 4px;
	font-size:14px;
	padding:4px 6px 4px 30px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
}

ul#videoAssetControlsShrunk li a.delete:hover
{
	color:#86ac1b;	
}

















/* video assets controls - EXPANDED
***************************************************************************************/

ul#videoAssetControlsExpanded
{
	background:url(/images/interface/controls_expanded_bar_bg.gif) no-repeat 0px 0px;
	position:relative;
	width:865px;
/*	margin-top:130px;*/
	padding:45px 20px 15px 15px;
}


/* all list li except expand / shrink toolbar*/
ul#videoAssetControlsExpanded li
{
	display:block;
	font-weight:bold;
}

/* header */
ul#videoAssetControlsExpanded li.controlsHeader
{
	position:absolute;
	top:14px;
	left:30px;
	width:600px;
	height:24px;
	font-weight:bold;
	color:#ffffff;
	font-size:18px;
}


/* expand toolbar button */
ul#videoAssetControlsExpanded li.changeToolbarLi
{
	float:right;
	display:inline;
	margin:13px 15px 0px 15px;
	width:133px;
	height:24px;
	font-weight:bold;
}


ul#videoAssetControlsExpanded li a.changeToolBar, ul#videoAssetControlsExpanded li a.changeToolBar:visited
{
	display:block;
	position:absolute;
	top:12px;
	left:750px;
	background:url(/images/interface/controls_icon_shrink_bg.gif) no-repeat 0px 0px;
	font-size:10px;
	width:133px;
	height:24px;
	line-height:22px;
	padding-left:12px;
	color:#ffffff;
	text-decoration:none;	
}

ul#videoAssetControlsExpanded li a.changeToolBar:hover
{
	color:#86ac1b;	
	background:url(/images/interface/controls_icon_shrink_bg.gif) no-repeat 0px -24px;	
}

ul#videoAssetControlsExpanded li a.changeToolBar:active
{
	color:#86ac1b;
	line-height:24px;
	background:url(/images/interface/controls_icon_shrink_bg.gif) no-repeat 0px -48px;		
}



/* add */
ul#videoAssetControlsExpanded li a.add, ul#videoAssetControlsExpanded li a.add:visited
{
	display:block;
	background:url(/images/interface/controls_icon_add.gif) no-repeat 15px 4px;
	font-size:13px;
	padding:5px 6px 4px 45px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	width:400px;
	
	
}

ul#videoAssetControlsExpanded li a.add:hover
{
	color:#86ac1b;
	background-color:#494949;	
}


ul#videoAssetControlsExpanded li#addDescription
{
	visibility:hidden;
	position:absolute;
	top:45px;
	left:417px;
	font-size:13px;
	padding:10px;
	color:#86ac1b;
	width:441px;
	height:120px;
	background-color:#494949;
	font-weight:normal;
}




/* embed */
ul#videoAssetControlsExpanded li a.embed, ul#videoAssetControlsExpanded li a.embed:visited
{
	display:block;
	background:url(/images/interface/controls_icon_embed_manually.gif) no-repeat 15px 4px;
	font-size:13px;
	padding:5px 6px 4px 45px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	width:400px;
}

ul#videoAssetControlsExpanded li a.embed:hover
{
	color:#86ac1b;
	background-color:#494949;
}

ul#videoAssetControlsExpanded li#embedDescription
{
	visibility:hidden;
	position:absolute;
	top:45px;
	left:417px;
	font-size:13px;
	padding:10px;
	color:#86ac1b;
	width:441px;
	height:120px;
	background-color:#494949;
	font-weight:normal;
}





/* create */
ul#videoAssetControlsExpanded li a.create, ul#videoAssetControlsExpanded li a.create:visited
{
	display:block;
	background:url(/images/interface/controls_icon_create_listing.gif) no-repeat 13px 4px;
	font-size:13px;
	padding:5px 6px 4px 45px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	width:400px;
}

ul#videoAssetControlsExpanded li a.create:hover
{
	color:#86ac1b;
	background-color:#494949;	
}

ul#videoAssetControlsExpanded li#createDescription
{
	visibility:hidden;
	position:absolute;
	top:45px;
	left:417px;
	font-size:13px;
	padding:10px;
	color:#86ac1b;
	width:441px;
	height:120px;
	background-color:#494949;
	font-weight:normal;
}



/* remove */
ul#videoAssetControlsExpanded li a.remove, ul#videoAssetControlsExpanded li a.remove:visited
{
	display:block;
	background:url(/images/interface/controls_icon_remove_from_listing.gif) no-repeat 15px 4px;
	font-size:13px;
	padding:5px 6px 4px 45px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	width:400px;
}

ul#videoAssetControlsExpanded li a.remove:hover
{
	color:#86ac1b;
	background-color:#494949;	
}

ul#videoAssetControlsExpanded li#removeDescription
{
	visibility:hidden;
	position:absolute;
	top:45px;
	left:417px;
	font-size:13px;
	padding:10px;
	color:#86ac1b;
	width:441px;
	height:120px;
	background-color:#494949;
	font-weight:normal;
}











/* replace */
ul#videoAssetControlsExpanded li a.replace, ul#videoAssetControlsExpanded li a.replace:visited
{
	display:block;
	background:url(/images/interface/controls_icon_replace_video.gif) no-repeat 15px 4px;
	font-size:13px;
	padding:5px 6px 4px 45px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	width:400px;
}

ul#videoAssetControlsExpanded li a.replace:hover
{
	color:#86ac1b;
	background-color:#494949;	
}

ul#videoAssetControlsExpanded li#replaceDescription
{
	visibility:hidden;
	position:absolute;
	top:45px;
	left:417px;
	font-size:13px;
	padding:10px;
	color:#86ac1b;
	width:441px;
	height:120px;
	background-color:#494949;
	font-weight:normal;
}






/* delete */
ul#videoAssetControlsExpanded li a.delete, ul#videoAssetControlsExpanded li a.delete:visited
{
	display:block;
	background:url(/images/interface/controls_icon_delete_video.gif) no-repeat 15px 4px;
	font-size:13px;
	padding:5px 6px 4px 45px;
	color:#ffffff;
	text-decoration:none;
	height:20px;
	width:400px;
}

ul#videoAssetControlsExpanded li a.delete:hover
{
	color:#86ac1b;
	background-color:#494949;	
}

ul#videoAssetControlsExpanded li#deleteDescription
{
	visibility:hidden;
	position:absolute;
	top:45px;
	left:417px;
	font-size:13px;
	padding:10px;
	color:#86ac1b;
	width:441px;
	height:120px;
	background-color:#494949;
	font-weight:normal;
}

























/* video assets content
***************************************************************************************/


/* video row list */
ul#videoAssetList
{
	background:url(/images/interface/bg_asset_pages.gif) no-repeat 0px 0px;
	height:480px;
}

/* video title */
ul#videoAssetList h3.videoTitle
{
	position:absolute;
	top:43px;
	left:30px;
	width:800px;
	height:86px;
	font-size:18px;
}

/* camera watermark */
ul#videoAssetList .videoWatermarkSmall
{
	position:absolute;
	top:27px;
	left:810px;
	width:67px;
	height:50px;
	background:url(/images/assets/video_watermark_small.gif) no-repeat 0px 0px;
}

/* video player swf */
ul#videoAssetList .vzaarPlayer
{
	position:absolute;
	top:90px;
	left:30px;
	width:334px;
	height:254px;
	z-index:100;
}


/* report a problem with this video button */
#assetContent a.reportVideoProblemLink
{
	position:absolute;
	top:230px;
	left:737px;
	background:url(/images/assets/report_video_problem_btn.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:42px;
	width:140px;	
	font-weight:bold;
	text-indent:-9999px;
	overflow:hidden;
}

#assetContent a.reportVideoProblemLink:hover
{
	background:url(/images/assets/report_video_problem_btn.gif) no-repeat 0 -42px;
}

#assetContent a.reportVideoProblemLink:active
{
	background:url(/images/assets/report_video_problem_btn.gif) no-repeat 0 -84px;
}


/****** share video list ********/
ul#videoAssetList .shareVideoList
{
	position:absolute;
	top:400px;
	left:62px;
	width:280px;
	height:50px;
	z-index:100;
}

/* all list li */
ul#videoAssetList .shareVideoList li
{
	float:left;
	display:inline;
	margin-right:7px;
	margin-bottom:10px;
}


/* email list */
ul#videoAssetList .shareVideoList li a.email, ul#videoAssetList .shareVideoList li a.email:visited
{
	display:inline;
	background:url(/images/assets/icon_share_email.gif) no-repeat 0px 4px;
	padding:2px 0px 3px 20px;
	color:#333333;
	font-size:11px;
	text-decoration:none;	
}

ul#videoAssetList .shareVideoList li a.email:hover
{
	color:#86ac1b;	
}

/* reddit list */
ul#videoAssetList .shareVideoList li a.reddit, ul#videoAssetList .shareVideoList li a.reddit:visited
{
	display:inline;
	background:url(/images/assets/icon_share_reddit.gif) no-repeat 0px 0px;
	padding:2px 0px 3px 22px;
	color:#333333;
	font-size:11px;
	text-decoration:none;
	margin-left:33px;
}

ul#videoAssetList .shareVideoList li a.reddit:hover
{
	color:#86ac1b;	
}

/* facebook list */
ul#videoAssetList .shareVideoList li a.facebook, ul#videoAssetList .shareVideoList li a.facebook:visited
{
	display:inline;
	background:url(/images/assets/icon_share_facebook.gif) no-repeat 0px 0px;
	padding:2px 0px 3px 20px;	
	color:#333333;
	font-size:11px;
	text-decoration:none;
	margin-left:15px;
}

ul#videoAssetList .shareVideoList li a.facebook:hover
{
	color:#86ac1b;	
}

/* delicious list */
ul#videoAssetList .shareVideoList li a.delicious, ul#videoAssetList .shareVideoList li a.delicious:visited
{
	display:inline;
	background:url(/images/assets/icon_share_delicious.gif) no-repeat 0px 0px;	
	padding:2px 0px 3px 20px;
	color:#333333;
	font-size:11px;
	text-decoration:none;		
}

ul#videoAssetList .shareVideoList li a.delicious:hover
{
	color:#86ac1b;	
}

/* digg list */
ul#videoAssetList .shareVideoList li a.digg, ul#videoAssetList .shareVideoList li a.digg:visited
{
	display:inline;
	background:url(/images/assets/icon_share_digg.gif) no-repeat 1px 0px;	
	padding:2px 0px 3px 22px;	
	color:#333333;
	font-size:11px;
	text-decoration:none;
	margin-left:13px;
}

ul#videoAssetList .shareVideoList li a.digg:hover
{
	color:#86ac1b;	
}

/* stumble upon list */
ul#videoAssetList .shareVideoList li a.stumbleUpon, ul#videoAssetList .shareVideoList li a.stumbleUpon:visited
{
	display:inline;
	background:url(/images/assets/icon_share_stumble.gif) no-repeat 0px 0px;	
	padding:2px 0px 3px 20px;	
	color:#333333;
	font-size:11px;
	text-decoration:none;
	margin-left:25px;
}

ul#videoAssetList .shareVideoList li a.stumbleUpon:hover
{
	color:#86ac1b;	
}


/* video player and share this video background */
ul#videoAssetList .vzaarPlayerAndShareBackground
{
	position:absolute;
	top:73px;
	left:14px;
	width:366px;
	height:384px;
	background:url(/images/assets/player_video_asset_page_bg.gif) no-repeat 0px 0px;
	z-index:10;
}

/* seller label*/
ul#videoAssetList h4.sellerLabel
{
	position:absolute;
	top:100px;
	left:390px;
	width:100px;
	height:18px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
}

/* username link*/
ul#videoAssetList a.usernameLink
{
	position:absolute;
	top:118px;
	left:390px;
	display:block;
	width:auto;
	height:20px;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
}

/* vzaar profile button*/
ul#videoAssetList a.viewVzaarProfileLink, ul#videoAssetList a.viewVzaarProfileLink:visited
{
	position:absolute;
	top:150px;
	left:390px;
	background:url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px 0px;
	color:#000000;
	display:block;
	width:92px;
	height:20px;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;

}

ul#videoAssetList a.viewVzaarProfileLink:hover {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -20px;
}
ul#videoAssetList a.viewVzaarProfileLink:active {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -40px;
	line-height:18px;
}

/* vzaar eBay button*/
ul#videoAssetList a.viewEbayProfileLink, ul#videoAssetList a.viewEbayProfileLink:visited
{
	position:absolute;
	top:150px;
	left:490px;
	background:url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px 0px;
	color:#000000;
	display:block;
	width:92px;
	height:20px;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;

}

ul#videoAssetList a.viewEbayProfileLink:hover {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -20px;
}
ul#videoAssetList a.viewEbayProfileLink:active {
	background:transparent url(/images/assets/btn_view_profile.gif) no-repeat scroll 0px -40px;
	line-height:18px;
}

/* account type logo*/
ul#videoAssetList .accountTypeLogo
{
	position:absolute;
	top:148px;
	left:805px;
	width:72px;
	height:23px;
}


/* about this video label*/
ul#videoAssetList h4.aboutLabel
{
	position:absolute;
	top:220px;
	left:390px;
	width:300px;
	height:18px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
}

/* views */
ul#videoAssetList .views
{
	position:absolute;
	top:250px;
	left:390px;
	width:300px;
	color:#999999;
}

/* live listings for this video */
ul#videoAssetList .liveListings
{
	position:absolute;
	top:267px;
	left:390px;
	width:300px;
	color:#999999;
}

/* ended listings for this video */
ul#videoAssetList .endedListings
{
	position:absolute;
	top:284px;
	left:390px;
	width:300px;
	color:#999999;
}

/* text colour for the values above */
ul#videoAssetList .views span, ul#videoAssetList .liveListings span, ul#videoAssetList .endedListings span
{
	color:#333333;
}


/* video url label */
ul#videoAssetList .videoUrlLabel
{
	position:absolute;
	top:320px;
	left:390px;
	width:300px;
	font-weight:bold;
	font-size:10px;
	color:#333333;
}

/* video url input field */
ul#videoAssetList .videoUrl
{
	position:absolute;
	top:350px;
	left:390px;
	width:300px;
	font-size:10px;
	border:1px dashed #dedede;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fffff7;	
}

/* video url label */
ul#videoAssetList .embedVideoLabel
{
	position:absolute;
	top:360px;
	left:390px;
	width:300px;
	font-weight:bold;
	font-size:10px;
	color:#333333;
}

/* video url input field */
ul#videoAssetList .embedField
{
	position:absolute;
	top:390px;
	left:390px;
	width:300px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:25px;
	overflow:hidden;
	border:1px dashed #dedede;
	background-color:#fffff7;
}

/* video description section for SEO 
**************************************************************************************/

.searchEnhancer {
	border: 1px solid #EDEDED;
	margin: 0px 40px 10px 40px;
}

.searchEnhancer h4 {
	background-color: #EDEDED;
	border-bottom: 1px dotted #BABABA;
	padding: 5px;
}

.searchEnhancer h5 {
	font-weight: normal;
}

/* video description section for SEO */
.SEOFields
{
	padding:10px 25px 0px 25px;
}


.SEOFields div /* video description section for non logged in user */
{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#FAFAFA;
border:1px solid #DEDEDE;
color:#999999;
font-size:17px;
padding:6px 10px;
font-size:13px;
}





/* latest listing
**************************************************************************************/

/* Most recent listing with this video
***********************************/

ul#latestListingRowList h3.title
{
font-size:18px;
margin-left:25px;
margin-bottom:15px;
margin-top:30px;
letter-spacing:-1px;

}


/* row headers
***********************************/

ul#latestListingRowList .listingHeaders
{
	position:relative;
	height:19px;
	border-bottom:1px solid #dedede;
	background-color:#ededed;
	color:#333333;
	font-weight:bold;
	font-size:10px;
}

ul#latestListingRowList .listingHeaders .title
{
	position:absolute;
	top:3px;
	left:105px;
	width:190px;
}


ul#latestListingRowList .listingHeaders .eBayItemId
{
	position:absolute;
	top:3px;
	left:320px;
	width:105px;

}

ul#latestListingRowList .listingHeaders .price
{
	position:absolute;
	top:3px;
	left:430px;
	width:95px;

}

ul#latestListingRowList .listingHeaders .timeLeft
{
	position:absolute;
	top:3px;
	left:530px;
	width:105px;

}

ul#latestListingRowList .listingHeaders .type
{
	position:absolute;
	top:3px;
	left:640px;
	width:90px;

}







/* listing content
***********************************/


/* listing row list */
ul#latestListingRowList
{
	margin:0 3px 0 3px;
	font-size:11px;
}

/* listing row li*/
ul#latestListingRowList .listingRow
{
	position:relative;
	height:97px;
	border-bottom:1px solid #dedede;
}


/* listing row thumbnail link*/
ul#latestListingRowList .listingRow a.listingRowThumbNailLink, ul#latestListingRowList .listingRow a.listingRowThumbNailLink:visited
{
	position:absolute;
	top:15px;
	left:25px;
	width:64px;
	height:64px;
	border:2px solid #999999;
}

ul#latestListingRowList .listingRow a.listingRowThumbNailLink:hover
{
	border:2px solid #333333;
}


/* listing row thumbnail img*/
ul#latestListingRowList .listingRow .listingRowThumbNailLink img.listingRowThumbNail
{
	width:64px;
	height:64px;
}


/* listing row title h4*/
ul#latestListingRowList .listingRow h4
{
	position:absolute;
	top:15px;
	left:105px;
	width:190px;
}

/* eBay item ID*/
ul#latestListingRowList .listingRow .eBayItemId
{
	position:absolute;
	top:15px;
	left:320px;
	width:105px;
}

/* price*/
ul#latestListingRowList .listingRow .price
{
	position:absolute;
	top:15px;
	left:430px;
	width:95px;
}

/* time left*/
ul#latestListingRowList .listingRow .timeLeft
{
	position:absolute;
	top:15px;
	left:530px;
	width:105px;
}

/* type*/
ul#latestListingRowList .listingRow .type
{
	position:absolute;
	top:15px;
	left:640px;
	width:90px;
}



/* view now on eBay*/
ul#latestListingRowList .listingRow a.viewOnEbayLink, ul#latestListingRowList .listingRow a.viewOnEbayLink:visited
{
	position:absolute;
	top:15px;
	left:751px;
	background:url(/images/assets/view_now_on_ebay_btn.gif) no-repeat scroll 0px 0px;
	color:#000000;
	display:block;
	width:119px;
	height:23px;
	font-size:10px;
	font-weight:bold;
	line-height:19px;
	padding-left:10px;
	text-decoration:none;

}

ul#latestListingRowList .listingRow a.viewOnEbayLink:hover {
	background:transparent url(/images/assets/view_now_on_ebay_btn.gif) no-repeat scroll 0px -23px;
}
ul#latestListingRowList .listingRow a.viewOnEbayLink:active {
	background:transparent url(/images/assets/view_now_on_ebay_btn.gif) no-repeat scroll 0px -46px;
	line-height:21px;
}


/* viewListingDetails link*/
ul#latestListingRowList .listingRow a.viewListingDetails
{
	position:absolute;
	top:42px;
	left:758px;
}










/* toolbar styles */
#toolbar
{
  position: relative;
  margin-bottom: 20px;
  height: 49px;
}

#toolbarShrunk
{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 98;
}

#toolbarExpanded
{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 97;
}

#toolbarTopLine
{
  z-index: 100;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 10px;
  width: 100%;
}

input.newThumb {display:inline;float:left;margin-top:2px;margin-right:2px;}

input.helpText {color:#999;}

button.newThumbButton {height:24px;margin-top:1px;text-transform:none;}

a.newThumbButtonProcessing
{ 
  float:right;
  *float:none;
  padding: 0px 85px 0px 0px;
  width:5px;
  height:21px;
	margin-top:2px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-radius:6px;
	border-left:1px solid  #999;
	border-right:1px solid  #ccc;
	border-top:1px solid  #999;
	border-bottom: 1px solid  #ccc;
	*border:0px; /* no border for IE */
	display: none;
	text-indent: -9999px;
	overflow:hidden;
	background:transparent url(/images/interface/working_stripes_bg.gif) repeat-x 0px 0px;	
	text-decoration:none !important;
	color:#ffffff !important;
	cursor: pointer;
}




.upload_progress_bar_area
{
	width:400px;
	margin:25px auto;
}
.progress_bar
{
	width:350px;
	background:url('/images/upload_progress_bg.png') no-repeat;
	margin:7px 0;
}
.progress_so_far
{
	height:23px;
	overflow:hidden;
}
.percent_completed
{
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.4em;
}
#bytes_received
{
	text-align:center;
	color:#666;
	padding-top:3px;
}



/************** password and login details page
THIS PART WILL BE NO MORE AFTER NEW FORGOTTEN PASSWORD PAGE GOES LIVE FORGOTTEN PASSWORD PAGE NOW DRIVEN BY forgottenPassword.css*************/


/** already a user **/
#myVzaar
{
	position:relative;
}


/** already a user **/
#myVzaar h1.createPassword
{
	width:358px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
	background: url(/images/assets/header_password_login_details.gif) no-repeat 0 0;
}


#myVzaar #user_email,
#myVzaar #user_password,
#myVzaar #user_password_confirmation,
#myVzaar #user_old_password
{
	border:1px solid #dedede;
	color:#999999;
	background-color:#fafafa;
	font-size:20px;
	padding:2px;
	width:555px;
}


#myVzaar input.okLink, #myVzaar input.okLink:visited {
	background:transparent url(/images/assets/ok_btn.gif) no-repeat 0 0;
	display:block;
	height:35px;
	margin-top:15px;
	overflow:hidden;
	text-indent:-9999px;
	width:70px;
	z-index:100;
    border: 0px;
}
#myVzaar input.okLink:hover {
	background:transparent url(/images/assets/ok_btn.gif) no-repeat 0px -35px;
}
#myVzaar input.okLink:active {
	background:transparent url(/images/assets/ok_btn.gif) no-repeat 0px -70px;
}



/************** password and login details page
THIS PART ABOVE WILL BE NO MORE AFTER NEW FORGOTTEN PASSWORD PAGE GOES LIVE. FORGOTTEN PASSWORD PAGE NOW DRIVEN BY forgottenPassword.css *************/





/********************* my settings ***********************/


#mySettings
{
	position:relative;
	width:900px;
	height:486px;
	background: url(/images/assets/my_settings_bg.jpg) no-repeat 0 0;	
}

/********** user details (username and password. Used across my settings pages **********/

#mySettings #userDetails
{
	position:absolute;
	top:57px;
	left:10px;
	width:260px;
	height:100px;
	font-size:11px;
	letter-spacing:-1px;
}

#mySettings #userDetails .usernameLabel, #mySettings #userDetails .emailLabel
{
	margin-bottom:2px;	
}


#mySettings #userDetails .usernameData, #mySettings #userDetails .emailData
{
	margin-bottom:15px;
	font-weight:bold;
}






/********** default player size **********/




#mySettings .encodingSizesWrapper
{
	position:absolute;
	top:55px;
	left:30px;
	width:198px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #cccccc;
	float:left;
	padding:5px;
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions
{
	width:196px;
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions li
{
	width:180px;
	padding:5px 8px 5px 8px;
	border:1px solid #cccccc;
	cursor:hand;
	margin-bottom:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions li:hover
{
	border:1px outset #cccccc;
	background:none;
	background-color:#e1e3ed;
	cursor:hand;	
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions li.funcSelected
{
	border:1px inset #cccccc;
	background:url(/images/interface/shadow_small.png) repeat-x 0px 0px;
	background-color:#ffffff;
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions li.funcDisabled
{
	color:#999999;
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions input
{
	width:auto;
	background-color: transparent;
	border:none;
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions li span
{
	height:19px;
	width:19px;
}

#mySettings .encodingSizesWrapper label.defaultPlayerSizeLabel
{
	color:#333333;
	text-transform: lowercase;
	font-weight:bold;
	font-size:15px;
	padding:5px 8px 5px 8px;
	margin:0px;
}

#mySettings .encodingSizesWrapper ul.encodingSizesOptions li label
{
	font-weight:normal;
	display:inline;
	height:19px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	color:#333333;
}

#mySettings .encodingSizesWrapper img
{
	width:33px;
	height:19px;
	padding:0px 5px 0px 5px;
}

#mySettings .encodingSizesWrapper img
{
	width:33px;
	height:19px;
	padding:0px 5px 0px 5px;
}

#encodingSizesGraphic
{
	display:none;
	float:left;
	margin:20px 0px 20px 
}


#mySettings #displayEncodingGraphicsLink
{
	position:absolute;
	top:270px;
	left:630px;
}









/********** make all videos public / private **********/


#mySettings .privatePublicWrapper
{
	position:absolute;
	top:330px;
	left:30px;
	width:198px;
	height:110px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/* background-color:#ffffff; */
	border:1px solid #cccccc;
	float:left;
	padding:5px;
}

#mySettings .privatePublicWrapper label.privatePublicLabel
{
	color:#333333;
	text-transform: lowercase;
	font-weight:bold;
	font-size:15px;
	padding:5px 8px 5px 8px;
	margin:0px;
}


#mySettings a.privacyOffLink, #mySettings a.privacyOffLink:visited
{
	height:30px;
	font-size:18px;
	font-family:verdana;
	font-weight:bold;		
	padding:3px 0px 0px 45px;
	background:transparent url(/images/interface/video_icon_private_off.png) no-repeat 5px 0px;
	display: block;
	letter-spacing: -2px;
	text-decoration: none;
	color:#333333;
	text-align: left;
	border:1px solid #cccccc;
	cursor:hand;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	
}

#mySettings a.privacyOffLink:hover
{
	background-color:#e1e3ed;
	border:1px outset #cccccc;

}

#mySettings a.privacyOffLink:active
{
	color:#333333;
	background-color: #ffffff;
	border:1px inset #cccccc;
}



#mySettings a.privacyOnLink, #mySettings a.privacyOnLink:visited
{
	height:30px;
	font-size:18px;
	font-family:verdana;
	font-weight:bold;		
	padding:3px 0px 0px 45px;
	background:transparent url(/images/interface/video_icon_private_on.png) no-repeat 5px 0px;
	display: block;
	letter-spacing: -2px;
	text-decoration: none;
	color:#333333;
	text-align: left;
	border:1px solid #cccccc;
	cursor:hand;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}

#mySettings a.privacyOnLink:hover
{
	color:#333333;
	background-color: #e1e3ed;
	border:1px outset #cccccc;
}

#mySettings a.privacyOnLink:active
{
	color:#333333;
	background-color: #ffffff;
	border:1px inset #cccccc;
}

















/********** my details **********/


#mySettings #myDetailsBlock
{
	position:absolute;
	top:10px;
	left:260px;
	width:240px;
	height:210px;
	padding:10px;
}


#mySettings #myDetailsBlock h1.myDetails
{
	width:90px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:23px;
	background: url(/images/assets/mySettings_header_my_details.gif) no-repeat 0 0;
}



/* change email or username button */

#mySettings #myDetailsBlock a.changeEmailOrusernameLink, #mySettings #myDetailsBlock a.changeEmailOrusernameLink:visited
{
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0 0;
	display:block;
	height:24px;
	width:214px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
    border:0px;
	font-size:11px;
	line-height:21px;
	text-align:center;
	margin-top:20px;
}
#mySettings #myDetailsBlock a.changeEmailOrusernameLink:hover {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -24px;
	color:#ffffff;
}
#mySettings #myDetailsBlock a.changeEmailOrusernameLink:active {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -48px;
	color:#ffffff;
	line-height:23px;	
}


/* text description */

#mySettings #myDetailsBlock p.changeEmailOrVzaarIdText
{
	position:absolute;
	top:185px;
	left:15px;
	width:200px;
	height:40px;
	color:#666666;
	font-size:10px;
}







/* change my password button */

#mySettings #myDetailsBlock a.changePasswordLink, #mySettings #myDetailsBlock a.changePasswordLink:visited
{
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0 0;
	display:block;
	height:24px;
	width:214px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
    border:0px;
	font-size:11px;
	line-height:21px;
	text-align:center;
	margin-top:5px;
}
#mySettings #myDetailsBlock a.changePasswordLink:hover {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -24px;
	color:#ffffff;
}
#mySettings #myDetailsBlock a.changePasswordLink:active {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -48px;
	color:#ffffff;
	line-height:23px;	
}

/* change my ebay user id button */

#mySettings #myDetailsBlock a.changeEbayUserIdLink, #mySettings #myDetailsBlock a.changeEbayUserIdLink:visited
{
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0 0;
	display:block;
	height:24px;
	width:214px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
    border:0px;
	font-size:11px;
	line-height:21px;
	text-align:center;
	margin-top:5px;	
}
#mySettings #myDetailsBlock a.changeEbayUserIdLink:hover {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -24px;
	color:#ffffff;
}
#mySettings #myDetailsBlock a.changeEbayUserIdLink:active {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -48px;
	color:#ffffff;
	line-height:23px;	
}



/** set my login preference **/

#mySettings #loginPreferencesBlock
{
	position:absolute;
	top:10px;
	left:585px;
	width:240px;
	height:210px;
	padding:10px;
}

#mySettings #loginPreferencesBlock h1.setMyloginPreference
{
	width:153px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
	background: url(/images/assets/mySettings_header_login_preferences.gif) no-repeat 0 0;
}

#mySettings #loginPreferencesBlock p
{
	text-align:justify;
}

#mySettings #loginPreferencesBlock p.detailsRememberTxt
{
	margin-top:15px;
	font-style:italic;
	font-weight:bold;
}

/* remember me */

#mySettings #loginPreferencesBlock a.rememberMeLink, #mySettings #loginPreferencesBlock a.rememberMeLink:visited
{
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0 0;
	display:block;
	height:24px;
	width:214px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
    border:0px;
	font-size:11px;
	line-height:21px;
	text-align:center;
	margin-top:20px;	
}
#mySettings #loginPreferencesBlock a.rememberMeLink:hover {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -24px;
	color:#ffffff;
}
#mySettings #loginPreferencesBlock a.rememberMeLink:active {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -48px;
	color:#ffffff;
	line-height:23px;	
}


/** encoding notifacations my details **/

#mySettings #encodingNotificationsBox
{
	position:absolute;
	top:300px;
	left:565px;
	width:280px;
	height:150px;
	padding:10px;
}

#mySettings h1 {
	color:#666;
	text-transform: lowercase;
	font-weight:bold;
	font-size:15px;
	padding:5px 8px 15px 8px;
	margin:0px;
	letter-spacing: 0em;
	border-bottom: 1px dashed;
}

#mySettings #encodingNotifications a.encodingemailsOnLink span  {
	background:transparent url(/images/assets/email_icon_settings.png) no-repeat 7px -28px;	
	height: 26px;
	width: 200px;
	display: block;
	text-align: right;
	margin-left: -30px;
	margin-top: 4px;	
}

#mySettings #encodingNotifications a.encodingemailsOffLink span {
	background:transparent url(/images/assets/email_icon_settings.png) no-repeat 7px 0px;	
	height: 26px;
	width: 200px;
	display: block;
	text-align: right;
	margin-left: -30px;
	margin-top: 4px;
}

#mySettings a.encodingemailsOffLink, #mySettings a.encodingemailsOffLink:visited
{
	height:30px;
	font-size:16px;
	font-family:verdana;
	padding:3px 0px 0px 45px;
	display: block;
	letter-spacing: -2px;
	text-decoration: none;
	color:#333333;	
	text-align: left;
	border:1px solid #ccc;
	cursor:hand;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	

	border:1px inset #cccccc;
	background:url(/images/interface/shadow_small.png) repeat-x 0px 0px;
}

#mySettings a.encodingemailsOffLink:hover
{
	border:1px outset #cccccc;
	background-color: #e1e3ed;
}

#mySettings a.encodingemailsOffLink:active
{
	color:#333333;
	background-color: #ffffff;
	border:1px inset #cccccc;
}



#mySettings a.encodingemailsOnLink, #mySettings a.encodingemailsOnLink:visited
{
	height:30px;
	font-size:16px;
	font-family:verdana;
	padding:3px 0px 0px 45px;
	
	display: block;
	letter-spacing: -2px;
	text-decoration: none;
	color:#333333;
	text-align: left;
	border:1px solid #cccccc;
	cursor:hand;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	background-color: #EEE;
}

#mySettings a.encodingemailsOnLink:hover
{
	color:#333333;
	border:1px outset #cccccc;
	background-color: #e1e3ed;
}

#mySettings a.encodingemailsOnLink:active
{
	color:#333333;
	background-color: #ffffff;
	border:1px inset #cccccc;
}


/** delete my details **/
#mySettings #deleteDetailsBlock
{
	position:absolute;
	top:300px;
	left:260px;
	width:260px;
	height:150px;
	padding:10px;
	border-right: 1px solid #BBB;
}

#mySettings #deleteDetailsBlock p
{
	text-align:justify;
}

#mySettings #deleteDetailsBlock h1.deleteMyDetails
{
	width:149px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
	background: url(/images/assets/mySettings_header_delete_details.gif) no-repeat 0 0;
}

/* delete all my videos and data link */

#mySettings #deleteDetailsBlock a.deleteAllDataLink, #mySettings #deleteDetailsBlock a.deleteAllDataLink:visited
{
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0 0;
	display:block;
	height:24px;
	width:214px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
    border:0px;
	font-size:11px;
	line-height:21px;
	text-align:center;
	margin-top:20px;
}
#mySettings #deleteDetailsBlock a.deleteAllDataLink:hover {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -24px;
	color:#ffffff;
}
#mySettings #deleteDetailsBlock a.deleteAllDataLink:active {
	background:transparent url(/images/assets/my_details_button_bg.gif) no-repeat 0px -48px;
	color:#ffffff;
	line-height:23px;	
}






/********************* change my email or username ***********************/

#changeEmailOrUsername
{
	position:relative;
	width:605px;
	height:411px;
	background: url(/images/assets/my_settings_clear_bg.jpg) no-repeat 0 0;
	padding:50px 25px 25px 270px;
}


#changeEmailOrUsername h1
{
	width:305px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
	background: url(/images/assets/mySettings_header_change_username_email.gif) no-repeat 0 0;	
}

#changeEmailOrUsername p
{
	text-align:justify;
	width:555px;

	font-size:12px;
}

#changeEmailOrUsername label span
{
	color:#666666;
	font-weight:normal;
	font-size:11px;
	padding-left:10px;	
}


#changeEmailOrUsername #usernameField, #changeEmailOrUsername #emailAddressField, #changeEmailOrUsername #passwordField
{
	border:1px solid #dedede;
	color:#999999;
	background-color:#ffffff;
	font-size:20px;
	padding:2px;
	width:555px;
}

#changeEmailOrUsername .divider
{
	width:560px;
	height:1px;
	border-top:2px dotted #cccccc;
	margin-top:15px;
	margin-bottom:15px;	
}


#changeEmailOrUsername .buttonsWrapper
{
	position:relative;
	width:400px;
	height:30px;
	margin-top:10px;	
}

#changeEmailOrUsername input.okLink, #changeEmailOrUsername input.okLink:visited {
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url(/images/assets/my_settings_ok_button.gif) no-repeat 0 0;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	width:87px;
	z-index:100;
    border: 0px;
}
#changeEmailOrUsername input.okLink:hover {
	background:transparent url(/images/assets/my_settings_ok_button.gif) no-repeat 0px -25px;
}
#changeEmailOrUsername input.okLink:active {
	background:transparent url(/images/assets/my_settings_ok_button.gif) no-repeat 0px -50px;
}


#changeEmailOrUsername a.cancelLink, #changeEmailOrUsername a.cancelLink:visited {
	position:absolute;
	top:0px;
	left:120px;
	background:transparent url(/images/assets/my_settings_cancel_button.gif) no-repeat 0 0;
	display:block;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	width:87px;
	z-index:100;
    border: 0px;
}
#changeEmailOrUsername a.cancelLink:hover {
	background:transparent url(/images/assets/my_settings_cancel_button.gif) no-repeat 0px -25px;
}
#changeEmailOrUsername a.cancelLink:active {
	background:transparent url(/images/assets/my_settings_cancel_button.gif) no-repeat 0px -50px;
}







/********************* change my password ***********************/

#changeMyPassword
{
	position:relative;
	width:605px;
	height:411px;
	background: url(/images/assets/my_settings_clear_bg.jpg) no-repeat 0 0;
	padding:50px 25px 25px 270px;
}


#changeMyPassword h1
{
	width:305px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
	background: url(/images/assets/mySettings_header_change_password.gif) no-repeat 0 0;	
}

#changeMyPassword p
{
	text-align:justify;
	width:555px;
}

#changeMyPassword label span
{
	color:#666666;
	font-weight:normal;
	font-size:11px;	
}


#changeMyPassword #passwordField, #changeMyPassword #confirmPasswordField, #changeMyPassword #confirmOldPasswordField
{
	border:1px solid #dedede;
	color:#999999;
	background-color:#ffffff;
	font-size:20px;
	padding:2px;
	width:555px;
}

#changeMyPassword .divider
{
	width:560px;
	height:1px;
	border-top:2px dotted #cccccc;
	margin-top:15px;
	margin-bottom:15px;	
}


#changeMyPassword .buttonsWrapper
{
	position:relative;
	width:400px;
	height:30px;
	margin-top:20px;	
}

#changeMyPassword input.okLink, #changeMyPassword input.okLink:visited {
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url(/images/assets/my_settings_ok_button.gif) no-repeat 0 0;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	width:87px;
	z-index:100;
    border: 0px;
}
#changeMyPassword input.okLink:hover {
	background:transparent url(/images/assets/my_settings_ok_button.gif) no-repeat 0px -25px;
}
#changeEmailOrUsername input.okLink:active {
	background:transparent url(/images/assets/my_settings_ok_button.gif) no-repeat 0px -50px;
}


#changeMyPassword a.cancelLink, #changeMyPassword a.cancelLink:visited {
	position:absolute;
	top:0px;
	left:120px;
	background:transparent url(/images/assets/my_settings_cancel_button.gif) no-repeat 0 0;
	display:block;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	width:87px;
	z-index:100;
    border: 0px;
}
#changeMyPassword a.cancelLink:hover {
	background:transparent url(/images/assets/my_settings_cancel_button.gif) no-repeat 0px -25px;
}
#changeMyPassword a.cancelLink:active {
	background:transparent url(/images/assets/my_settings_cancel_button.gif) no-repeat 0px -50px;
}








/********************* edit page that deals with account attached to eBay user id ***********************/

/** my details **/
#ebaySettings h1.accountAttached
{
	width:349px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:25px;
	background: url(/images/assets/header_account_attached_to_ebay.gif) no-repeat 0 0;
}

#ebaySettings h2.ebayUser
{
	position:absolute;
	top:13px;
	left:390px;
	width:400px;
	height:21px;
	font-size:17px;
}

#ebaySettings a
{
	font-size:14px;
}

#ebaySettings p
{
	margin-bottom:10px;
}








/********************* my account ***********************/



#myAccount
{
	position:relative;
	width:900px;
	height:486px;
	background: url(/images/assets/my_settings_clear_bg.jpg) no-repeat 0 0;
}

/* page header wrapper*/
#myAccount #headerWrapper
{
	position:absolute;
	top:40px;
	left:270px;
	width:625px;
	height:71px;
}

/* page header FREE*/
#myAccount #headerWrapper h1.free
{
	float:left;
	width:96px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/assets/my_account_header_free.gif) no-repeat 0 0;
}

/* page header LITE*/
#myAccount #headerWrapper h1.lite
{
	float:left;
	width:74px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/assets/my_account_header_lite.gif) no-repeat 0 0;
}


/* page header BRONZE*/
#myAccount #headerWrapper h1.bronze
{
	float:left;
	width:178px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/assets/my_account_header_bronze.gif) no-repeat 0 0;
}

/* page header SILVER*/
#myAccount #headerWrapper h1.silver
{
	float:left;
	width:138px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/assets/my_account_header_silver.gif) no-repeat 0 0;
}

/* page header GOLD*/
#myAccount #headerWrapper h1.gold
{
	float:left;
	width:111px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/assets/my_account_header_gold.gif) no-repeat 0 0;
}

/* page header PLATINUM*/
#myAccount #headerWrapper h1.platinum
{
	float:left;
	width:233px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/assets/my_account_header_platinum.gif) no-repeat 0 0;
}

/* page header ENTERPRISE*/
#myAccount #headerWrapper h1.enterprise
{
	float:left;
	width:262px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/assets/my_account_header_enterprise.gif) no-repeat 0 0;
}

/* account details wrapper*/
#myAccount #headerWrapper .accountDetailsWrapper
{
	float:left;
	position:relative;
	width:300px;
	height:71px;
	margin-left:10px;
}

/* account holder text*/
#myAccount #headerWrapper .accountHolderTxt
{
	position:absolute;
	top:15px;
	left:0px;
	width:180px;
	height:25px;
	font-size:20px;
	letter-spacing:-1px;
}

/* account allowance*/
#myAccount #headerWrapper .accountAllowance
{
	position:absolute;
	top:40px;
	left:0px;
	width:355px;
	height:15px;
	font-size:12px;
	letter-spacing:-1px;
}

#myAccount #headerWrapper .upgrade
{
	position:absolute;
	top:60px;
	left:0px;
	width:355px;
	height:15px;
	font-size:10px;
	font-style:italic;
	border-top:1px dotted #cccccc;
}






/*************** current month usage panel ******************/


/* current month wrapper*/
#myAccount #currentMonthUsage
{
	position:absolute;
	top:139px;
	left:270px;
	width:279px;
	height:313px;
	background: url(/images/assets/my_account_panel_bg.jpg) no-repeat 0 0;
		letter-spacing: -1px;
}

/* current month panel header*/
#myAccount h2
{
	width:200px;
	height:20px;
	margin:7px 0px 30px 20px;
	color:#999999;
	text-transform:lowercase;
	font-size:16px;
}

/* current month bandwidth user header */
#myAccount h3.bandwidthUsageHeader
{
	width:200px;
	height:20px;
	margin:0px 0px 0px 20px;
	font-weight:normal;
	color:#999999;
	font-size:14px;	
}

/* current month bandwidth user data */
#myAccount #currentMonthUsage .bandwidthUsageData
{
	margin:0px 0px 0px 20px;
	font-size:24px;
	letter-spacing:-1px;
}

/********* progress bar *********/

#myAccount #currentMonthUsage .progressBarWrapper
{
	position:relative;
	width:242px;
	height:43px;
	margin:0px 0px 30px 20px;
}


/* used to contain .progressBarGreen or .progressBarGreen so we can use % to move progress bar */
#myAccount #currentMonthUsage .progressBarWrapper .progressBarContainerGreen,
#myAccount #currentMonthUsage .progressBarWrapper .progressBarContainerRed
{
	position:absolute;
	top:4px;
	left:0px;
	width:242px;
	height:7px;
	z-index:90;
}

/* progress bar GREEN */

#myAccount #currentMonthUsage .progressBarWrapper .progressBarContainerGreen .progressBar
{
	height:7px;
	background: url(/images/assets/my_account_bar_progress_bg_green.gif) repeat-x;
}

/* hide upgrade link if bar GREEN */
#myAccount #currentMonthUsage .progressBarWrapper .progressBarContainerGreen a.upgrade
{
	visibility:hidden;
}


/* progress bar RED */

#myAccount #currentMonthUsage .progressBarWrapper .progressBarContainerRed .progressBar
{
	height:7px;
	background: url(/images/assets/my_account_bar_progress_bg_red.gif) repeat-x;
}

/* show upgrade link if bar RED */
#myAccount #currentMonthUsage .progressBarWrapper .progressBarContainerRed a.upgrade
{
	position:absolute;
	top:29px;
	left:0px;
	width:232px;
	font-size:10px;
	visibility:visible;
	background-color:#ffcc00;
	text-decoration:none;
	color:#333333;
	padding:2px 5px 2px 5px;
	text-align:center;
	border:1px outset #999999; -webkit-border-radius: 1em;
	line-height:11px;
	background: url(/images/assets/my_account_upgrade_bg_link.gif) repeat-x;
	letter-spacing: 0px;
}

#myAccount #currentMonthUsage .progressBarWrapper .progressBarContainerRed a.upgrade:hover
{
	color:#ffffff;
}


#myAccount #currentMonthUsage .progressBarWrapper .progressBarBackground
{
	position:absolute;
	top:4px;
	left:0px;
	width:242px;
	height:7px;
	background-color:#cccccc;
	z-index:80;
}

/* 
#myAccount #currentMonthUsage .progressBarWrapper .progressBarPercentage
{
	position:absolute;
	top:0px;
	left:197px;
	width:45px;
	height:12px;
	z-index:1000;
	font-size:9px;
	text-align:right;
}
*/

#myAccount #currentMonthUsage .progressBarWrapper .videoPlays
{
	position:absolute;
	top:14px;
	left:0px;
	width:197px;
	height:15px;
	font-weight:bold;
	font-size:13px;
}

/********* chart area *********/

#myAccount #currentMonthUsage .bandwidthChartWrapper
{
	position:relative;
	width:243px;
	height:140px;
	margin:0px 0px 10px 20px;
}

#myAccount #currentMonthUsage .bandwidthChartWrapper img
{
	position:absolute;
	top:20px;
	left:0px;
	width:233px;
	height:62px;
	padding:3px;
	border:1px dotted #cccccc;
}

#myAccount #currentMonthUsage .bandwidthChartWrapper h3.trendHeader
{
	position:absolute;
	top:0px;
	left:0px;
	width:197px;
	height:12px;
	color:#999999;
	font-weight:normal;
	font-size: 13px;
}

#myAccount #currentMonthUsage .bandwidthChartWrapper .bandwidthPeak
{
	position:absolute;
	top:3px;
	left:123px;
	width:120px;
	height:12px;
	color:#999999;
	font-size:10px;
	text-align:right;
}

#myAccount #currentMonthUsage .bandwidthChartWrapper .bandwidthPeak span
{
	padding-left:2px;
	color:#333333;
}


















/*************** past months usage panel ******************/


/* previous months wrapper*/
#myAccount #previousUsage
{
	position:absolute;
	top:139px;
	left:578px;
	width:279px;
	height:313px;
	background: url(/images/assets/my_account_panel_bg.jpg) no-repeat 0 0;
	letter-spacing: -1px;
}

/* previous months panel header*/
#myAccount #previousUsage h2
{
	width:200px;
	height:20px;
	margin:7px 0px 30px 20px;
	color:#999999;
	text-transform:lowercase;
}

/* previous month | month labels */
#myAccount #previousUsage h3
{
	width:240px;
	height:17px;
	margin:0px 0px 0px 20px;
	font-weight:bold;
	color:#333333;
	font-size:13px;
}

/* previous month | bandwidth usage */
#myAccount #previousUsage .bandwidthUsage
{
	width:240px;
	height:17px;
	margin:0px 0px 0px 20px;
	font-weight:normal;
	color:#999999;
}

/* previous month | bandwidth usage DATA*/
#myAccount #previousUsage .bandwidthUsage span
{
	color:#333333;
}


/* previous month | video plays */
#myAccount #previousUsage .videoPlays
{
	width:240px;
	height:17px;
	margin:0px 0px 25px 20px;
	font-weight:normal;
	color:#999999;	
}

/* previous month | video plays DATA*/
#myAccount #previousUsage .videoPlays span
{
	color:#333333;
}






/*************** payment information within my account page at the bottom ******************/


/* payment information wrapper*/
#paymentInformationWrapper
{
	margin-top:12px;
}

#paymentInformationWrapper h2
{
	font-size:20px;
	letter-spacing: -1px;
	font-weight:normal;
	margin-bottom: 20px;
}

#paymentInformationWrapper .cardInfo
{
	margin-bottom:10px;
}

#paymentInformationWrapper .nextPaymentInfo
{
	border-bottom:2px dotted #cccccc;
	padding-bottom:10px;
}

#paymentInformationWrapper p
{
	margin-bottom:10px;
}




/*************** current account wrapper div within payment information within my account page at the bottom ******************/


/* payment information wrapper*/
#currentAccountWrapper
{
	padding:10px 10px 10px 40px;
	border:1px solid #ededed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(/images/assets/payment_information_info_icon.gif) no-repeat 10px 12px;
	background-color:#fdfcef;
}

#currentAccountWrapper p
{
	margin-bottom:10px;
}











/** set my mobile pin (NOT USED AT THE MOMENT **/

#mySettings #mobilePinBlock
{
	float:left;
	width:240px;
	height:148px;
	padding:10px;
	margin-left:20px;	
	background-color:#fafafa;
	border:1px solid #dedede;
}

#mySettings #mobilePinBlock h1.setMyMobilePin
{
	width:133px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:5px;
	background: url(/images/assets/header_set_my_mobile_pin.gif) no-repeat 0 0;
}

/* input fields */
#mySettings #mobilePinBlock #mobile_pin,
#mySettings #mobilePinBlock #confirm_pin
{
	border:1px solid #dedede;
	color:#999999;
	padding:5px;
	background-color:#fafafa;
}

/* set pin button */
#mySettings #mobilePinBlock input.savePin, #mySettings #mobilePinBlock input.savePin:visited {
	background:transparent url(/images/assets/btn_save_pin_bg.gif) no-repeat 0 0;
	display:block;
	height:20px;
	width:92px;
	z-index:100;
	color:#333333;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	margin-top:13px;
    border:0px;
	font-size:12px;
}
#mySettings #mobilePinBlock input.savePin:hover {
	background:transparent url(/images/assets/btn_save_pin_bg.gif) no-repeat 0px -20px;
}
#mySettings #mobilePinBlock input.savePin:active {
	background:transparent url(/images/assets/btn_save_pin_bg.gif) no-repeat 0px -40px;
}





/* lightbox
***************************************************************************************/

#lightboxCoverPage
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/* png semi transparent for all browsers except IE6*/
	background: url(/images/interface/lightbox_cover_page_bg.png);
	z-index:2000;
}

/* IE6 hack for the above. Brings transparency to IE6*/
* html #lightboxCoverPage
{
	filter:alpha(opacity=70);
	background: none; /* cancel background above for IE6 */
	background-color:#000000;
	height:1000px; /* cancel background above for IE6 */
}

#lightboxContainer
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:500px;
	text-align:center;
	margin:0 auto;
	z-index:3000;
}


/* lightbox top bit graphic with curves on the edges*/
#lightboxTop
{
	margin:0 auto;
	margin-top:50px;
	position:relative;
	width:749px;
	height:20px;
	text-align:left;
	background: url(/images/interface/lightbox_top_bg.png);
}


/* IE6 for transparency*/
* html #lightboxTop
{
	background:none; /*cancel background above for IE6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/lightbox_top_bg.png', sizingMethod='scale');
}



/**** lightbox header ****/
#lightboxHeader
{
	margin:0 auto;
	position:relative;
	width:749px;
	height:50px;
	text-align:left;
	background: url(/images/interface/lightbox_header_bg.jpg);
}

#lightboxHeader h2.lightboxHeader
{
	position:absolute;
	top:3px;
	left:25px;
	width:225px;
	height:24px;
	text-indent:-9999px;
	background: url(/images/assets/lightbox_uploading_files_header.gif);
}

#lightboxHeader p
{
	position:absolute;
	top:27px;
	left:26px;
	width:600px;
	height:20px;
	font-weight:bold;
}

/**************** lightbox body **************/
#lightboxBody
{
	margin:0 auto;
	padding:0px;
	position:relative;
	width:749px;
	text-align:left;
	background: url(/images/interface/lightbox_body_bg.jpg);
}

#lightboxBody #overallProgressPercentageTxt
{
	position:absolute;
	top:52px;
	left:595px;
	width:135px;
	height:60px;
	z-index:3000;
	font-size:45px;
	letter-spacing:-2px;
	font-family:Arial, Helvetica, sans-serif;
}

#lightboxBody #overallProgressSwf
{
	float:right;
	margin-top:30px;
	padding-right:20px;
	margin-bottom:10px;
	width:230px;
	height:181px;
}

#lightboxBody h3#overallProgressHeader
{
	width:230px;
	height:18px;
	text-align:center;
	font-weight:bold;		
}

#lightboxBody p#overallProgressData
{
	width:230px;
	height:11px;
	text-align:center;
	font-size:10px;
}

#lightboxBody p#overallProgressTime
{
	width:230px;
	height:13px;
	text-align:center;
	font-size:10px;
}



/* list */

#lightboxBody #fileList
{
	float:left;
	margin:30px 0 0px 0px;
	padding-left:25px; /* padding used because IE6 doubles it if margin is employed */
	width:470px;
}

#lightboxBody #fileList li
{
	margin-bottom:10px;
	position:relative;
	height:60px;	
	background: url(/images/interface/lightbox_divider.jpg) no-repeat left bottom;	
}


/* upload done changes in color */
#lightboxBody #fileList li#uploadDone
{
	color:#8f8e8e;
}

#lightboxBody #fileList li#uploadDone .videoTitleLabel,
#lightboxBody #fileList li#uploadDone .fileNameLabel,
#lightboxBody #fileList li#uploadDone .uploadStatus
{ 
	color:#8f8e8e;
}





/***** individual file being uploaded ******/


/* fileUpload completed graphic */
#lightboxBody #fileList li img.fileUploadGraphic
{
	position:absolute;
	top:2px;
	left:2px;
	width:40px;
	height:40px;
}

/* fileUpload percentage */
#lightboxBody #fileList li .singleFileUploadPercentage
{
	position:absolute;
	top:2px;
	left:2px;
	width:40px;
	height:40px;
	font-size:24px;
	letter-spacing:-2px;
}


/* video title label */
#lightboxBody #fileList li .videoTitleLabel {
color:#333333;
font-size:12px;
left:80px;
margin:0px;
padding:0px;
position:absolute;
top:2px;
width:80px;
}

#lightboxBody #fileList li .videoTitleContent {
font-size:12px;
left:160px;
position:absolute;
top:2px;
width:270px;
}


#lightboxBody #fileList li .fileNameLabel {
color:#333333;
font-size:12px;
left:80px;
margin:0px;
padding:0px;
position:absolute;
top:17px;
width:80px;
}


#lightboxBody #fileList li .fileNameContent {
font-size:12px;
left:160px;
position:absolute;
top:17px;
width:270px;
}


#lightboxBody #fileList {
float:left;
margin:60px 0pt 0px 0px;
padding-left:25px;
width:470px;
}

/* upload status  */
#lightboxBody #fileList li .uploadStatus
{
	position:absolute;
	top:32px;
	left:60px;
	width:400px;
	padding:0px;
	margin:0px;
	color:#333333;
	font-size:11px;
	font-style:italic;
}



/* cancel button */
#lightboxBody #fileList li a.uploadSingleFileCancelLink
{
	position:absolute;
	top:18px;
	left:383px;
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:15px;
	width:50px;	
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-style:normal;	
}

#lightboxBody #fileList li a.uploadSingleFileCancelLink:hover
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -15px;
}

#lightboxBody #fileList li a.uploadSingleFileCancelLink:active
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -30px;
	line-height:14px;
}




/* lightbox bottom bit graphic with curves on the edges*/

#lightboxBottom
{
	margin:0 auto;
	position:relative;
	width:749px;
	height:20px;
	text-align:left;
	background: url(/images/interface/lightbox_bottom_bg.png);
}

/* IE6 for transparency*/
* html #lightboxBottom
{
	background:none; /*cancel background above for IE6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/interface/lightbox_bottom_bg.png', sizingMethod='scale');
}










/* upload  content
***************************************************************************************/

#uploadContent
{
	position:relative;
	width:870px;
	padding:0px 0 0 30px;
	background: url(/images/assets/upload_encode_top_bg.jpg) no-repeat 0 0;
	background-color:#ededed;
	min-height:310px;
}

/* Title */
#uploadContent h2.uploadTitle
{
	float:left;
	width:114px;
	height:47px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:18px;
	margin-top:29px;
	background: url(/images/assets/upload_header.gif) no-repeat 0 0;
}

/********************** toggle controls area *****************/

/* upload toggle background*/
#uploadContent #uploadToggleContentBackground
{
	position:absolute;
	top:30px;
	left:500px;
	width:365px;
	height:74px;
	background:url(/images/assets/upload_toggle_bg.gif) no-repeat 0 0;
}

/* Toggle computer on*/
#uploadContent a.uploadToggleComputer, #uploadToggleComputer a.uploadToggle:visited
{
	position:absolute;
	top:43px;
	left:512px;
	display:block;
	height:26px;
	width:341px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/assets/upload_toggle_video_from_computer_on.gif) no-repeat 0 0;
}

#uploadContent a.uploadToggleComputer:hover
{
	background:url(/images/assets/upload_toggle_video_from_computer_on.gif) no-repeat 0 -26px;
}


/* Toggle youtube on*/
#uploadContent a.uploadToggleYouTube, #uploadToggleYouTube a.uploadToggle:visited
{
	position:absolute;
	top:43px;
	left:512px;
	display:block;
	height:26px;
	width:341px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/assets/upload_toggle_video_from_youtube_on.gif) no-repeat 0 0;
}

#uploadContent a.uploadToggleYouTube:hover
{
	background:url(/images/assets/upload_toggle_video_from_youtube_on.gif) no-repeat 0 -26px;
}





/****** eBay listing ID check box form ********/
#uploadContent form#eBayListingIdToggleForm
{
	position:absolute;
	top:77px;
	left:523px;
	width:20px;
	height:20px;
	font-size:11px;
	border:none;
}

/* eBay listing ID check box label */
#uploadContent #showHideEbayListingIdText
{
	position:absolute;
	top:80px;
	left:545px;
	height:20px;
	width:300px;
	font-weight:normal;
	font-size:11px;
}

/* eBay listing ID check box  */
#uploadContent form#eBayListingIdToggleForm #eBayListingIdToggleInput
{
	width:20px;
	height:20px;
	border:none;
}



/***************** upload content generic classes **********************/


/* upload ccntent form labels */
#uploadContent label
{
	color:#333333
}

/* upload ccntent input fields */
#uploadContent input
{
	font-size:15px;
	padding:2px;
	width:550px;
	border:1px solid #cccccc;
	color:#666666;	
}

#uploadContent ul
{
	clear:left;
	float:left;
}

#uploadContent li
{
	float:left;
	clear:both;
	width:450px;
}


/* upload now button */
#uploadContent input.uploadNowBtn, #uploadContent .uploadNowBtn
{
	display:block;
	float:left;
	clear:left;
	top:71px;
	left:690px;
	width:374px;
	height:59px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:25px;
	margin-bottom:20px;
	border:none;
}

#uploadContent input.uploadNowBtn, #uploadContent .uploadNowBtn, #uploadContent input.uploadNowBtn:visited, #uploadContent .uploadNowBtn:visited
{
	background:url(/images/assets/upload_now_btn.gif) no-repeat 0 0;
}

#uploadContent input.uploadNowBtn:hover, #uploadContent .uploadNowBtn:hover 
{
	background:url(/images/assets/upload_now_btn.gif) no-repeat 0 -59px;
}

#uploadContent input.uploadNowBtn:active, #uploadContent .uploadNowBtn:active
{
	background:url(/images/assets/upload_now_btn.gif) no-repeat 0 -118px;
}


/* upload now DISABLED button */
#uploadContent input.uploadNowDisabledLink, #uploadContent .uploadNowDisabledLink
{
	display:block;
	float:left;
	clear:left;
	top:71px;
	left:690px;
	width:374px;
	height:59px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:25px;
	margin-bottom:20px;
	background:url(/images/assets/upload_now_disabled_btn.gif) no-repeat 0 0;
	cursor:pointer;
        border: 0;
}


















/***************** upload from YOU TUBE fields part **********************/


/* youtube LI */
#uploadContent ul li.youTubeLi
{
	float:left;
	clear:both;
	width:450px;
	position:relative;
}

/* upload content youtube input field */
#uploadContent input#youTubeUrl
{
	font-size:15px;
	padding:2px;
	width:283px;
	height:16px;
	border:1px solid #cccccc;
	color:#666666;	
}

/* upload content youtube button */
#uploadContent a.uploadYoutubeLink, #uploadContent a.uploadYoutubeLink:visited
{
	position:absolute;
	top:40px;
	left:292px;
	display:inline;
	width:72px;
	height:22px;
	background:url(/images/assets/upload_youtube_go_btn.gif) no-repeat 0 0;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	line-height:17px;	
}

#uploadContent a.uploadYoutubeLink:hover
{
	background:url(/images/assets/upload_youtube_go_btn.gif) no-repeat 0 -22px;
}

#uploadContent a.uploadYoutubeLink:active
{
	line-height:19px;
	background:url(/images/assets/upload_youtube_go_btn.gif) no-repeat 0 -44px;
}

/* you tube video title bit that says (you may change it below) */
#uploadContent label span
{
	font-weight:normal;
	font-size:10px;
	padding-left:5px;
}

/* youtube thumbnail wrapper*/
#uploadContent .youTubeThumbnailWrapper
{
	width:125px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #cccccc;
}


/* youtube thumbnail */
#uploadContent img.youTubeThumbnail
{
	width:122px;
	height:92px;
	border:1px solid #666666
}



/*********** help divs
***********************************************/

/**** HelpWrapper, common to all help bubbles in the encoding page ****/
#uploadContent #HelpWrapper
{

	width:319px;
	height:86px;
	font-size:11px;
	padding:10px 20px 20px 30px;
	background:url(/images/assets/encode_bubble_help_bg.png) no-repeat 0 0;
	text-align:justify;
}

#uploadContent #HelpWrapper h3
{
	background-color:#ededed;
	margin-bottom:5px;
}

/*helpYouTubeVideoUrl */
#uploadContent #helpYouTubeVideoUrl
{
	visibility:hidden;
	position:absolute;
	top:90px;
	left:400px;
	width:319px;
	height:86px;
	z-index:100;
}

/*helpVideoTitle */
#uploadContent #helpVideoTitle
{
	visibility:hidden;
	position:absolute;
	top:148px;
	left:400px;
	width:319px;
	height:86px;
	z-index:100;
}

/*helpVideoThumbnail */
#uploadContent #helpVideoThumbnail
{
	visibility:hidden;
	position:absolute;
	top:250px;
	left:170px;
	width:319px;
	height:86px;
	z-index:100;
}

/*helpEbayListingId */
#uploadContent #helpEbayListingId
{
	visibility:hidden;
	position:absolute;
	top:352px;
	left:400px;
	width:319px;
	height:86px;
	z-index:100;
}






/*********** not used in this deployment, this is to add multiple videos ****************/


/* add more video link */

#uploadContent .uploadMoreVideosLi
{
	margin:5px 0 10px 30px;
	width:370px;
}

#uploadContent .uploadMoreVideosLi a.uploadMoreVideosLink
{
	background: url(/images/assets/plus_sign_btn.gif) no-repeat 0 0;
	padding-left:25px;
}

/*********** not used in this deployment ****************/










/* encoding  content
***************************************************************************************/

#encodingContent
{

}


#encodingContent h2.encodingTitle
{
	float:left;
	width:168px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:15px;
	margin-top:30px;
	background: url(/images/assets/header_encoding.gif) no-repeat 0 0;
}

#encodingContent p.encodingInfo
{
	float:left;
	clear:left;
	width:850px;
	margin-bottom:20px;
}


/* help at the bottom */
#encodingContent p.encodingHelp
{
	float:left;
	clear:left;
	width:490px;
	margin-bottom:20px;
}




/* list */

#encodingContent #fileList
{
	clear:left;
	float:left;
	margin:10px 0 10px 0px;
	padding-left:0px; /* padding used because IE6 doubles it if margin is employed */
	width:490px;
}

#encodingContent #fileList li
{
	margin-bottom:10px;
	position:relative;
	height:80px;
	background: url(/images/assets/encoding_divider.png) no-repeat left bottom;	
}


/* upload done changes in color */
#encodingContent #fileList li#uploadDone
{
	color:#8f8e8e;
}

#encodingContent #fileList li#uploadDone .videoTitleLabel,
#encodingContent #fileList li#uploadDone .fileNameLabel,
#encodingContent #fileList li#uploadDone .uploadStatus
{ 
	color:#8f8e8e;
}





/***** individual file being encoded ******/


/* fileUpload completed graphic */
#encodingContent #fileList li img.fileUploadGraphic
{
	position:absolute;
	top:2px;
	left:2px;
	width:40px;
	height:40px;
}

/* fileUpload percentage */
#encodingContent #fileList li .singleFileUploadPercentage
{
	position:absolute;
	top:2px;
	left:2px;
	width:40px;
	height:40px;
	font-size:24px;
	letter-spacing:-2px;
}


/* video title label */
#encodingContent #fileList li .videoTitleLabel
{
	position:absolute;
	top:2px;
	left:60px;
	width:80px;
	padding:0px;
	margin:0px;
	color:#333333;
	font-size:12px;	
}

/* video title content */
#encodingContent #fileList li .videoTitleContent
{
	position:absolute;
	top:2px;
	left:140px;
	width:270px;
	font-size:12px;
}

/* file name label */
#encodingContent #fileList li .fileNameLabel
{
	position:absolute;
	top:17px;
	left:60px;
	width:80px;
	padding:0px;
	margin:0px;
	color:#333333;
	font-size:12px;
}

/* file name content */
#encodingContent #fileList li .fileNameContent
{
	position:absolute;
	top:17px;
	left:140px;
	width:270px;
	font-size:12px;
}

/* upload status  */
#encodingContent #fileList li .uploadStatus
{
	position:absolute;
	top:32px;
	left:60px;
	width:400px;
	padding:0px;
	margin:0px;
	color:#333333;
	font-size:11px;
	font-style:italic;
}

/* cancel upload */
#encodingContent #fileList li a.cancelEncodingLink
{
	margin-left:7px;
}


/* cancel button */
#encodingContent #fileList li a.cancelEncodingLink
{
	position:absolute;
	top:18px;
	left:383px;
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 0;
	color:#ffffff;
	display:block;
	font-size:10px;
	height:15px;
	width:50px;	
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-style:normal;	
}

#encodingContent #fileList li a.cancelEncodingLink:hover
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -15px;
}

#encodingContent #fileList li a.cancelEncodingLink:active
{
	background:url(/images/assets/btn_cancel_small_bg.gif) no-repeat 0 -30px;
	line-height:14px;
}



/*  view video link */
#encodingContent #fileList li a.viewVideoLink
{
	position:absolute;
	left:58px;
	top:50px;
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 0;
	color:#333333;
	display:block;
	font-size:10px;
	height:18px;
	width:119px;	
	line-height:16px;
	text-align:center;
	text-decoration:none;
	font-style:normal;	
	visibility: hidden;
}

#encodingContent #fileList li a.viewVideoLink:hover
{
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 -18px;
	color:#ffffff;
}

#encodingContent #fileList li a.viewVideoLink:active
{
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 -36px;
	color:#ffffff;
	line-height:18px;
}

/* add to listing link */
#encodingContent #fileList li a.addToListingLink
{
	position:absolute;
	left:191px;
	top:50px;
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 0;
	color:#333333;
	display:block;
	font-size:10px;
	height:18px;
	width:119px;	
	line-height:16px;
	text-align:center;
	text-decoration:none;
	font-style:normal;	
	visibility: hidden;	
}

#encodingContent #fileList li a.addToListingLink:hover
{
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 -18px;
	color:#ffffff;
}

#encodingContent #fileList li a.addToListingLink:active
{
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 -36px;
	color:#ffffff;
	line-height:18px;
}


/* grab embed code link */
#encodingContent #fileList li a.embedCodeLink
{
	position:absolute;
	left:323px;
	top:50px;
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 0;
	color:#333333;
	display:block;
	font-size:10px;
	height:18px;
	width:119px;	
	line-height:16px;
	text-align:center;
	text-decoration:none;
	font-style:normal;	
	visibility: hidden;
}

#encodingContent #fileList li a.embedCodeLink:hover
{
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 -18px;
	color:#ffffff;
}

#encodingContent #fileList li a.embedCodeLink:active
{
	background:url(/images/assets/btn_clear_bg.gif) no-repeat 0 -36px;
	color:#ffffff;
	line-height:18px;
}



























/************************************** account_usage ***********************************/


/* account usage wrapper for UPLOAD PAGE*/
#accountUsageBoxWrapper
{
	float:right;
	position:relative;
	padding-right:30px;
	padding-bottom:20px;
	padding-top:95px;
	width:325px;

}


/* account usage wrapperfor ENCODING PAGE*/
#accountUsageBoxEncodingWrapper
{
	float:right;
	position:relative;
	padding-right:30px;
	padding-bottom:20px;
	padding-top:95px;
	width:325px;
}

#accountUsageBox
{
	position:relative;
	width:325px;
	height:107px;
	background:transparent url(/images/assets/account_usage_bg.png) no-repeat 0 0;
}

/* IE6 for transparency*/
* html #accountUsageBox
{
	background:none; /*cancel background above for IE6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/assets/account_usage_bg.png', sizingMethod='scale');
}

#accountUsageBox h2
{
	position:absolute;
	top:10px;
	left:12px;
	width:300px;
	height:20px;
	font-size:13px;
}





/**** total upload ***/

#accountUsageBox #totalUploadCover
{
	position:absolute;
	top:40px;
	left:12px;
	width:300px;
	height:24px;
	background: url(/images/assets/account_usage_cover.png) no-repeat 0 0;
	padding:3px 0 3px 10px;
	z-index:1000;
}

/* IE6 for transparency*/
* html #accountUsageBox #totalUploadCover
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/assets/account_usage_cover.png', sizingMethod='scale');
	background:none; /*cancel background above for IE6 */
	padding:0px 0 0px 10px;
	line-height:22px;	
}


#accountUsageBox #totalUploadStats
{
	position:absolute;
	top:40px;
	left:12px;
	width:280px;
	height:18px;
	z-index:100;
	text-align:right;
	padding:3px 10px 3px 10px;
}

#accountUsageBox #totalUploadBar
{
	position:absolute;
	top:40px;
	left:12px;
	/* if 100% then width:300px */
	width:120px;
	height:24px;
	background-color:#ccccff;
	z-index:1;
}







/**** embed allowance ***/

#accountUsageBox #embedAllowanceCover
{
	position:absolute;
	top:70px;
	left:12px;
	width:300px;
	height:24px;
	background: url(/images/assets/account_usage_cover.png) no-repeat 0 0;
	padding:3px 0 3px 10px;
	z-index:1000;
}

/* IE6 for transparency*/
* html #accountUsageBox #embedAllowanceCover
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/assets/account_usage_cover.png', sizingMethod='scale');
	background:none;/*cancel background above for IE6 */
	padding:0px 0 0px 10px;
	line-height:22px;
}


#accountUsageBox #embedAllowanceStats
{
	position:absolute;
	top:70px;
	left:12px;
	width:280px;
	height:18px;
	z-index:100;
	text-align:right;
	padding:3px 10px 3px 10px;
}

#accountUsageBox #embedAllowanceBar
{
	position:absolute;
	top:70px;
	left:12px;
	/* if 100% then width:300px */
	width:260px;
	height:24px;
	background-color:#e06666;
	z-index:1;
}

/* when box is displayed */
#upgradeBoxDisplayed
{

	width:270px;
	margin-left:22px;
	margin-top:10px;
	padding:5px;
	color:#ffffff;
	background-color:#333333;
	z-index:1;
}

/* when box is NOT displayed, position absolute to remove it from document flow */
#upgradeBoxHidden
{

	position:absolute;
	visibility:hidden;
	width:270px;
	margin-left:22px;
	margin-top:10px;
	padding:5px;
	color:#ffffff;
	background-color:#333333;
	z-index:1;
}


#marketingMessageUploadEncode
{
	position: absolute;
	top: 50px;
	left: 550px;
	width:290px;
	padding:5px;
	color:#ffffff;
	background-color:#333333;
}


/* upload / encode box bottom*/
#uploadAndEncodeBoxBottom
{

	width:900px;
	height:11px;
	background: url(/images/assets/upload_encode_below_bg.gif) no-repeat 0 0;
}