* :focus { outline: 0; }

body
{
	background-color:#000000;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;	
	color: #ffffff;	
	font-size:9.5pt;
	overflow-x:hidden;
	line-height: 1.3em;
	letter-spacing: -.02em;
}
td
{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;	
	color: #ffffff;	
	overflow-x:hidden;
	padding:0px;
	vertical-align: top;
	text-align:left;
}
input, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#666;
	font-size:9pt;
}
.dialogBody
{
	background:transparent;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;	
	color: #ffffff;	
	overflow-x:hidden;
}
/*
img, div,td { behavior: url(iepngfix.htc) }
*/
.dialogBody td
{

}
.pageBody
{
	margin: 0 30px 60px 30px;
	text-align: center;
	height:100%;
	min-height: 100%;
	padding:0px;
	background-image: url(../images/riplBG2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	
}

a
{
	font-weight:bold;	
	color: #ffaa00;
	text-decoration: none;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	font-style:normal;
}
a:hover
{
	text-decoration: underline;
}


/* region Typical CSS Overrides 
-----------------------------------*/
html {min-height: 100%}
form { margin:0;}
img { border:0;}
table {border:none; border-collapse:collapse; padding:0}
hr {width:100%; color:#333333; height:1px};
/* endregion Typical CSS Overrides */

/* region Dialogs
-----------------------------------*/
#control_overlay { background-color:#000;}
.modal { background-color:#fff;padding:10px;border:1px solid #333;}
.tooltip {border:1px solid #000;background-color:#fff;height:25px;width:200px;font-size:10px;color:#333;}
.simple_window {width:250px;height:50px;border:1px solid #000;background-color:#fff;padding:10px;text-align:left;font-family:"Lucida Grande",Verdana;font-size:12px;color:#333;}
.window {background-image:url("../images/window_background3.png");background-position:top left;-moz-border-radius: 10px;-webkit-border-radius: 10px;padding:10px;color:#eee;text-align:center;min-width:150px;min-height:100px;border:1px solid #555555;}
.window .window_contents {margin-top:10px;width:100%;height:100%;margin-bottom:-30px;}
.window .window_header {text-align:left;width:100%;}
.window .window_title {width:100%;margin-top:-1px;margin-bottom:7px;font-size:11px;text-transform:uppercase;font-size:140%;}
.window .window_close {background-image:url("../images/window_close.gif");display:block;position:absolute;top:9px;right:7px;height:13px;width:13px;cursor:pointer;}
.window_actionBar{text-align:right;height:20px;}

.buttonImgEx{color:#333333;background-color:#d2d2d2;border-color:#eaeaea #353535 #353535 #eaeaea;border-style:solid;border-width:1px;font-size:11px;padding:1px 10px 2px;text-align:center;cursor:pointer;margin-left:2px;}
.buttonImgEx:hover{color:#d2d2d2;background-color:#333333;border-color:#eaeaea #353535 #353535 #eaeaea;border-style:solid;border-width:1px;font-size:11px;padding:1px 10px 2px;text-align:center;cursor:pointer;margin-left:2px;}


/* region ratings - contentDetailsPage only.
-----------------------------------*/
.rating_container { clear:both;}
.rating_container a {float:left;display:block;width:20px;height:20px;border:0;background-image:url("../images/stars.png");}
.rating_container a.rating_off {background-position:0 0px;}
.rating_container a.rating_half {background-position:0 -20px;}
.rating_container a.rating_on {background-position:0 -40px;}
.rating_container a.rating_selected {background-position:0 -60px;}

/* feeds - feeds + dashboard
-----------------------------------*/
.feedTable{width:100%; border:0; border-collapse:collapse;padding:0px; color:#dddddd}
.feedTable .userCell {width:100px}
.feedTable .contentCell {width:100px}
.feedTable .feedTitle {font-size:120%; color:#fffff; font-weight:bold;}
.feedDivider {width:100%; color:#333333; height:1px}

/* region viewswitching
-----------------------------------*/
.threeStateButton {cursor:pointer;vertical-align:middle}


/* region userCards
-----------------------------------*/
.usercard {}
.usercard .userPreview {background-color: transparent; background-repeat: no-repeat; background-position: 7px 24px;}
.usercard .userText {vertical-align:top; padding-left:6px; padding-top:5px}
.usercardSimple,.usercardVerticalText {border-collapse:collapse; border:0px;text-align:center}


/* region Unlcassified
-----------------------------------*/
.hiddenSubmitButton {width:0px; height:0px; border:none; display:none}

.login{display:table; position:absolute;top:0px; left:10px; z-index:10;width:310px;}
.loginInnerTable {text-align:right; padding-left:10px; padding-right:10px; color:#dddddd}
.emphasisHeader {font-size:135%; text-transform:uppercase; padding-top:20px;}
.loginTableControl {width:170px; padding-top:2px; padding-bottom:2px}
.loginControl {width:160px;}
.thirdCell {width:170px; padding-left:10px} /* used for 3rd panel, in friends.php */


    


/* endregion Unclassified */

/* region Profile Editing 
-----------------------------------*/
.editBox1{background-image:url('../images/blueBox_01.png') !important;}
.editBox2{background-image:url('../images/blueBox_02.png') !important;}
.editBox3{background-image:url('../images/blueBox_03.png') !important;}
.editBox4{background-image:url('../images/blueBox_04.png') !important;}
.editBox5{background-image:url('../images/blueBox_05.png') !important;}
.editBox6{background-image:url('../images/blueBox_06.png') !important;}
.editBox7{background-image:url('../images/blueBox_07.png') !important;}
.editBox8{background-image:url('../images/blueBox_08.png') !important;}
.editBox9{background-image:url('../images/blueBox_09.png') !important;}
.bgColorPreview {background-color:#000000}
.fgColorPreview {background-color:#555555}
.headerColorPreview {background-color:#333333}
.linkColorPreview {background-color:#ffaa00}
.borderColorPreview {background-color:#333333}

/* endregion Profile editing */




/* region Main Structural CSS 
-----------------------------------*/
.mainContentContainer { width:980px; margin:0px auto; display:table;}

.actionContainer {display:table-cell; width:200px;vertical-align: top}
.actionTable {display:table; width:200px; margin:0px; text-align:left}
.actionContent {padding-left:10px; padding-right:10px; color:#dddddd;}
.actionHeader {padding-top:2px; color:#dddddd; text-transform: uppercase; }
.actionSubHeader {padding-top:4px; color:#dddddd; }
.actionLinks {padding-top:10px;}
.actionTableContent {display:table; width:200px; margin:0px; text-align:left}
/* .actionLinks > a {color:#333333;}*/
.contentContainerContent {display:table-cell; vertical-align: top; height:100%;width:100%; padding-left:10px; text-align:left }

.contentTable {display:table; width:100%; height:100%}
.contentContainer {vertical-align: top;;width:100%; padding-left:10px; text-align:left }
.contentContent {height:auto; width:auto; padding:6px;vertical-align: top}
.contentContentNoPad {height:auto; width:auto; }
.contentHeader {font-size:120%; color:#dddddd;border-bottom: none #222222; margin-bottom: 4px; padding:2px; padding-bottom: 7px}
#contentTitleText {
	margin-bottom:5px;
}
.contentDescription {text-align:left}
#contentDescriptionText {
	width:620px;
	height:70px;
	padding:3px;
	vertical-align:middle;
}
.contentMessageTable {display:table; width:100%;}
.contentMessageCell {width:100%;padding:6px; text-align:left}
.contentHelperCell {width:100%; color:#cccccc; padding-left:6px; padding-right:6px; padding-top:2px; padding-botom:2px}

.singleColTable {display:table; width:100%}
.singleColContainer {display:table-cell; vertical-align: top; width:800px; text-align:left }
.singleColContent {height:auto; width:auto; padding:6px;}

.contentInfoDetail {width:auto; font-size:75%}

.footer { left: 0px; width: 100%; height: 20px;	text-align:center; font-size: 75%; padding-top:2px; }

.favoriteImage
{
	line-height:40px;font-weight:bold;padding-left:34px;;cursor:hand;cursor:pointer;background:url(/images/controls/favorite/favorite_active.png) no-repeat center left; color:#ffaa00;	
}
.favoriteImage:hover{background-image:url(/images/controls/favorite/favorite_hover.png);text-decoration:underline}
.notFavoriteImage
{
	line-height:40px;font-weight:bold;padding-left:34px;;cursor:hand;cursor:pointer;background:url(/images/controls/favorite/favorite_inactive.png) no-repeat center left; color:#ffaa00;	
}
.notFavoriteImage:hover{background-image:url(/images/controls/favorite/favorite_hover.png);text-decoration:underline}


/* endregion Main Structural CSS */

/* region Ambient Site CSS
-----------------------------------*/
.roundBox1 { display:table-cell; background-image: url('../images/roundBox_01.png'); background-repeat: no-repeat; width: 10px; height: 12px; padding:0px }
.roundBox2 { display:table-cell;background-image: url('../images/roundBox_02.png');background-repeat:repeat-x;width:auto;height: 12px;}
.roundBox3 { display:table-cell;background-image: url('../images/roundBox_03.png');	background-repeat: no-repeat;width: 11px;height: 12px;}
.roundBox4 { display:table-cell; background-image: url('../images/roundBox_04.png'); background-repeat:repeat-y; width: 10px; height: auto; padding:0px}
.roundBox5 { display:table-cell; background-image: url(../images/roundBox_05.png); background-repeat:repeat; width: auto; height: auto;}
.roundBox6 { display:table-cell;background-image: url(../images/roundBox_06.png); background-repeat:repeat-y;width: 11px;height: auto;}		
.roundBox7 { display:table-cell;background-image: url(../images/roundBox_07.png); background-repeat: no-repeat;width: 10px;height: 12px; padding:0px}
.roundBox8 { display:table-cell;background-image: url(../images/roundBox_08.png); background-repeat:repeat-x;	width:auto; height: 12px;}
.roundBox9 { display:table-cell;background-image: url(../images/roundBox_09.png); background-repeat: no-repeat;width: 11px;height: 12px;}

.disabled {	color:#999999;}
.widthAuto { width:auto;}


/*  region Content Styling
-----------------------------------*/
.contentViewer {text-align:center; vertical-align:middle; }
.contentViewer > img {
text-align:center;
}
.th_m { background-color:transparent;background-repeat:no-repeat; background-position: 8px 12px; width:89px; height:104px;float:left}
.th_v { background-color:transparent;background-repeat:no-repeat; background-position: 7px 19px; width:89px; height:104px;float:left}
.th_p { background-color:transparent; background-repeat:no-repeat; background-position: 7px 7px; width:89px; height:104px;float:left}
.th_pa { background-color:transparent; background-repeat:no-repeat; background-position: 10px 13px; width:89px; height:104px;float:left}
.th_userTileText { padding-left:10x;padding-right:10px;font-size:medium;vertical-align:top;}
.th_userContainer { display:inline; width:89px; text-align:center;}
.th_user { background-color:transparent; background-repeat:no-repeat; background-position:7px 23px; border:0px; width:89px; height:104px;position:relative;z-index:2;}
.tableItem{vertical-align:top; width:auto}
.contentRowInfo {vertical-align:top; padding:10px; text-align:left}
.contentRowInfoTitle {font-size:120%; text-transform:uppercase;}
.contentRowUpdated {font-size:95%; color:#aaaaaa}


.prv_musicBG {position:absolute; left:21px; top:8px; width:270px !important; height:270px !important;z-index:1}
.prv_music {position:absolute; left:0px; top:0px; background-color:transparent; width:302px !important; height:288px !important;z-index:2}
.musicCon{position:relative;text-align:left}
.musicWrapper{width:100%;height:320px;text-align:left}

.musicFrame{width:320px}
.musicText{padding-top:20px;margin-left:320px}
.musicTitle{font-size:120%; color:#eeeeee}
.musicArtist{font-size:90%; color:#cccccc}
.musicAlbum{font-size:90%; color:#cccccc}

.tabbed_images {clear:both;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.tabbed_images li {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}

.tabbed_image_container{display:block;text-align:center;  vertical-align:middle;width:100%; clear:both}
tabbed_image_container img {top:50%; left:auto}

.imageViewer {text-align:center; vertical-align:middle;width:100%; height:600px; text-align:center; vertical-align:middle; border:1px solid #333333;}
.imageViewer img{vertical-align:middle}

/*  endregion Content Styling */
     
/*  region Messaging
-----------------------------------*/
.msgOuterTable {width:100%}
.msgInnerTable {width:100%}
.msgOuterCell {width:auto}
.msgRow_1 { vertical-align:top;text-align:center; width:75px;}
.msgRow_2a { vertical-align:top;text-align:color:#CCCCCC; padding-left:10px}
.msgHeader { font-size:125%; color:#FFFFFF;}
.msgDateField {font-size:95%}
.msgBody {font-size:85%}
.msgDateSince {	font-size:x-small;}
.msgRow3 { width:84px;}
.msgLink { color:#FFCC77;}
.msgRow4 { width:28px; text-align:right; vertical-align:top;}

.mailboxLink {}
.mailboxLinkActive {color:#dddddd}

.messageViewRow {display:table; width:100%}
.messageViewContent {height:auto; width:auto; padding-left:6px; padding-right:6px; padding-top:0px; padding-bottom:0px}
.messageViewRowSplit {display:table-cell;width:50%;vertical-align:bottom}
/*  endregion Messaging */

/*  region Profiles
-----------------------------------*/
.friendRequestCol1 {display:table; width:100%}
.friendViewRowSplit1 {display:table-cell;width:220px;height:100%;vertical-align:bottom: left}
.friendViewRowSplit2 {display:table-cell;width:auto;height:100%;vertical-align:top; text-align: left;}

/*  endregion Messaging */

     
/*  region Profiles
-----------------------------------*/
.profileLogin {color:#ffffff; font-size:125% }
.profileInf {}

/* region TopBar
	Note:  I normally don't like singleton CSS, but I think it works here.
-----------------------------------*/
#topBar td {color:#ffffff !important; padding-bottom:4px}
#topBar { position:relative; top:0px; left:0px; right:0px; background-image:url('../images/header.png');width:980px; height:67px; overflow:hidden; margin-left:auto;  margin-right:auto; text-align:left}
#topBarContent {position:absolute; bottom:18px;  bottom:18px;  left:16px; width:890px;    overflow:hidden;  color:#eeeeee; font-size:90%; }
.topBarCurrentHeader {text-transform:uppercase; font-weight:bold}

.inline {display:inline; width:auto}
.enabledRow {opacity:1.0}
.disabledRow {opacity:0.4}
.dangerous
{
	color:#ff0000 ! important;
}
.userNote
{
	color:#aaaaaa;
	font-size:80%;
}


.mailLink
{
	color:#ffaa00;
	font-weight:normal;
}
.currentMailLink
{
	color:#ffffff;
	font-weight:bold;
}



	.table
	{
		display: table;
	}
	.tableRow
	{
		display: table-row;
	}
	.tableCell
	{
		display: table-cell;
	}

	.underConstruction
	{
		font-style:italic;
		color:#ff7700;
	}

/* region Dialog
-----------------------------------*/
	#control_overlay {
		background-color:#000;
	}
	
	.modal {
		background-color:#fff;
		padding:10px;
		border:1px solid #333;
	}

	.tooltip {
		border:1px solid #000;
		background-color:#fff;
		height:25px;
		width:200px;
		font-size:10px;
		color:#333;
	}

	.simple_window {
		width:250px;
		height:50px;
		border:1px solid #000;
		background-color:#fff;
		padding:10px;
		text-align:left;
		font-family:"Lucida Grande",Verdana;
		font-size:12px;
		color:#333;
	}
	
	.window {
        background-image:url("../images/window_background3.png");
        background-position:top left;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;    
		padding:10px;
		color:#eee;
		text-align:center;
		min-width:150px;
		min-height:100px;
        border:1px solid #555555;
	}
	
	.window .window_contents {
		margin-top:10px;
		width:100%;
		height:100%;	
        margin-bottom:-30px;
	}

	.window .window_header {
		text-align:left;
        width:100%;
	}

	.window .window_title {
        width:100%;
		margin-top:-1px;
		margin-bottom:7px;
		font-size:11px;
        text-transform:uppercase;
        font-size:140%;
	}

	.window .window_close {
		display:block;
		position:absolute;
		top:9px;
		right:7px;
		height:13px;
		width:13px;
		background-image:url("../images/window_close.gif");
		cursor:pointer;
	    
	}
    .window_actionBar
    {
    text-align:right;
    height:20px;
    }
    .buttonImgEx
    {
        color:#333333;
        background-color:#d2d2d2;
        border-color:#eaeaea #353535 #353535 #eaeaea;
        border-style:solid;
        border-width:1px;
        font-size:11px;
        padding:1px 10px 2px;
        text-align:center;
        cursor:pointer;
        
        margin-left:2px;
    }
    .buttonImgEx:hover
    {
        color:#d2d2d2;
        background-color:#333333;
        border-color:#eaeaea #353535 #353535 #eaeaea;
        border-style:solid;
        border-width:1px;
        font-size:11px;
        padding:1px 10px 2px;
        text-align:center;
        cursor:pointer;
                
        margin-left:2px;
    }





.footerContainer {width:980px; margin:0px auto; text-align:left}
.footerTable{left:200px;position:relative;width:780px; color:#cccccc; border:1px solid #333333; background-color:rgba(0,0,0,.35); padding-bottom:5px}
.footerTable a{font-weight:normal; color:#ffaa00}
.column {
	float:left;
}
.column .header{
	text-align:left; 
	border-bottom:1px solid #666666;
	padding:5px 0 3px 10px;
}
.column .content {
	padding:5px 0 3px 10px;
}
.footerTable .column {color:#cccccc;width:50%}










/*
	Old style CSS.
	Used for look/feel testing, I'll be moving to more functional classes in lieu of name==style types. 
	
	Although I'm a big fan of CSS multiclassing, it is time to start fresh with new classes.
	
	//TODO:  update general CSS and begin removing elements.
*/





	.widthFull
	{
		width:100%;
	}
	.widthHalf
	{
		width:50%;
	}
	
	.sizeFill
	{
		width:100%;
		height: 100%;
	}
	
	.spacer
	{
		width:auto;
	}
	
	#topBarContent a
	{
		color:#ffaa00 !important;
	}
	#topBarContent a:hover
	{
		color:#ffaa00 !important;	
	}
	#headerContent A
	{
		color:#999999 !important;
	}
	#headerContent a:hover
	{
		color:#ffaa00 !important;	
	}

	
	
	#mainArea
	{
		text-align: center;
		// center center;
		vertical-align: top;

	}
	#main
	{
		color: #ffffff;
		vertical-align: middle;
	}	
	#footer
	{
		text-align: center;
		font-size: x-small;
		color: #ffffff;
		height: 20px;
	}
	#footer a
	{
		color:#ffffff;
	}
	#actionTable
	{
		width:100%;
		display:inline;
	}
	#actionCell
	{
		width:552px;
		text-align: center;
	}
	
	#signUpTable
	{
		width:100%;
	}
	
	#rightBox
	{
		width: 272px;
		right: 0;
		text-align: left;
		font-size: small;
		font-weight: normal;
		
	}
	#rightContent
	{
		padding: 10px;
	}
	#leftContent
	{
		padding:10px;
		text-align: left;
	}
	.leftText
	{
		text-align: left;
		font-size: smaller;
	
	}
	#innerTable
	{
		width:800px;
	}
	#leftBox
	{
		width:500px;
		vertical-align: top;
		text-align: left;
		
	}
	.centerAlign
	{
		text-align:center;
	}
	.rightAlign
	{
		text-align: right;
		padding-right: 10px;		
	}
	.small
	{
		font-size: small;
	}
	.width200
	{
		width:200px;
	}
	.width140
	{
		width:130px;
	}
	.width360
	{
		width:320px;
	}
	.width400
	{
		width:400px;
	}
	.width420
	{
		width:420px;
	}	
	.width580
	{
		width:420px;
	}	
	.width800
	{
		width:800px;
	}
	.colorLightGrey
	{
		color: #DDDDDD;
	}
	.leftAlign
	{
		text-align: left;
	}
	.alignTop
	{
		vertical-align: top;
	}
	.padding10
	{
		padding: 10px;
	}
	.paddingHorizontal10
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.paddingVertical2
	{
		padding-top: 2px;
		padding-bottom: 2px;
	}	
	.colorWhite
	{
		color:#ffffff;
	}
	.colorMediumGrey
	{
		color:#999999;
	}
	.big
	{
		font-size: medium;
	}
	.smaller
	{
		font-size:x-small;
	}
	em
	{
		font-size: large;
	}
	ul
	{
		padding-top: 0px;
		margin-top: 0px;
	}
	.clearBoth
	{
		clear: both;
	}
	.dialogHeader
	{
		font-size:large;
		padding-vertical:2;
		text-transform:	uppercase;
	}
	.headerContent
	{
		font-size:large;
		padding-vertical:2;
		text-transform:	uppercase;
	}
	.sectionHeader
	{
		padding-top:2;
		padding-bottom:4;
		color:#dddddd;
		font-size:small;
		text-transform: uppercase;
	}

/**
 * Content: Card View
 */
 .FFCardBox {
	width:100%; 
	display:block;
	float:left;
overflow: hidden;
text-overflow: ellipsis;	
}
 
.FFCardInfo
{
	width:700px;
	overflow: hidden;
text-overflow: ellipsis;
}
 .FFCardTitle {
	font-size:120%;
	width:700px;
	overflow: hidden;
text-overflow: ellipsis;
	text-transform:uppercase;
}
.CardBox {
	width:350px; 
	display:block;
	float:left;
}
.CardInfo {
	padding:10px;
	text-align:left;
	vertical-align:top;
	width:230px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.CardTitle {
	font-size:120%;
	text-transform:uppercase;
}
.CardUpdated {
	color:#AAAAAA;
	font-size:95%;
}
.CardBox > a {
	display:block;
	width:100px;
	float:left;
}
#colorspy {
	z-index:999;
}
.hidden {
display:none;
}
.modalBack {
	background-color:#666;
	opacity:0.6;
	filter:alpha(opacity=60);
	width:100%;
	height:100%;
}
.modalBox {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.modalWindow {
	margin-left:auto;
	margin-right:auto;
	z-index:9999;
}
label{
	margin-right: 5px;
}
#loginTable{
	text-align:right;
}
#logintableExternal{
	top: 155px;
}
.riplPage .mainContentContainer{
	width:780px;
}
.riplPage .tableCell{
	font-size:14px;width:700px;
}

/* Twitter */
#twitter_update_list {
	list-style:none;
	margin:0;
	padding:0;
}
#twitter_update_list li{
	paddding-bottom:8px;
}
.avatarLink {
	position:relative;
	z-index:2;
	display:block;
	/*background:transparent url('/images/userFrames.png?v2') no-repeat scroll 5px -6px;*/
	width:89px;
	height:104px;
}
.artistFrame{
}
.userFrame{
}
.btnFollow,.btnUnFollow,.btnFollowSpacer {
position:relative;
top:-6px;
z-index:1;
text-align:center;
width:84px;
height:28px;
background:transparent url('/images/btn_follow2.png?v2') no-repeat scroll 5px -5px;
padding:6px 0 0 2px;
cursor:pointer
}
.profileInfo .btnFollow, .profileInfo .btnUnFollow {
padding:6px 0 0 8px;
}
.btnFollow:hover{
background-position: 5px -44px;
}
.btnUnFollow
{
background-position: 5px -85px;
}
.btnUnFollow:hover{
background-position: 5px -124px;
}
.btnFollowSpacer
{
background:transparent no-repeat scroll 4px -6px;
}


.accordion
{
	width:293;
}

.accordion_header 
{
	display: block;
	height: 31px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(/images/controls/accordion/inner.png) no-repeat top left;
	padding: 0 5px 0 10px;
	line-height: 31px;
	color: #eeeeee;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 16px;
	cursor: pointer;
	margin: 0 0 0 0;
	text-transform:uppercase;
}

.accordion_header1
{
	background: url(/images/controls/accordion/header.png) no-repeat top left;
	height:37px;
	line-height:37px;	
}

.accordion_toggle 
{
	display: block;
	height: 31px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(/images/controls/accordion/tabN_inactive.png) no-repeat top left;
	padding: 0px 10px 0px 16px;
	line-height: 31px;
	color: #111111;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	cursor: pointer;
	margin: 0 0 0 0;
	width:272px
}
.accordion_toggle_active 
{
	background: url(/images/controls/accordion/tabN_orange.png) no-repeat top left;
}
.accordion_toggle:hover 
{
	background: url(/images/controls/accordion/tabN_green.png) no-repeat top left;
}
.accordion_toggle1
{
	background: url(/images/controls/accordion/tab1_inactive.png) no-repeat top left;
}
.accordion_toggle1:hover
{
	background: url(/images/controls/accordion/tab1_green.png) no-repeat top left;
}
.accordion_toggle1_active
{
	background: url(/images/controls/accordion/tab1_orange.png) no-repeat top left !important;
}
.accordion_content 
{
	overflow: hidden;
	height:355px;
	margin:0px 40px 0px 6x;
	text-align:center;
	width:294px;
	background: url(/images/controls/accordion/bg.png) repeat-y 0px 0px;
}


.accordion_content h2 {
margin: 15px 0 5px 10px;
color: #0099FF;
}

.accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
font-size:12px;
}
.accordion_footer
{
	background: url(/images/controls/accordion/footer.png) repeat-y 0px 0px;
	width:293px;
	height:29px;
}

.renderArea 
{
	padding:5px 12px 0px 14px;
    text-align:left;
}

#accordion_wide
{
	width:667px;
}

#accordion_wide .accordion_header 
{
	display: block;
	height: 30px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(/images/controls/accordionWide/inner.png) no-repeat top left;
	background: none;
	padding: 0 5px 0 10px;
	border-top:1px solid #333333;
	line-height: 30px;
	color: #eeeeee;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 16px;
	cursor: pointer;
	margin: 0 0 0 0;
	text-transform:uppercase;
}

#accordion_wide .accordion_header1
{
	background: url(/images/controls/accordionWide/header_blank.png) no-repeat top left;
	background: none;
	border-top:none;
	height:30px;
	line-height:30px;	
}

#accordion_wide .accordion_toggle 
{
	display: block;
	height: 31px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(/images/controls/accordionWide/tabN_inactive.png) no-repeat top left;
	background: none;
	padding: 0px 10px 0px 16px;
	line-height: 31px;
	color: #111111;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	cursor: pointer;
	margin: 0 0 0 0;
}
#accordion_wide .accordion_toggle_active 
{
	background: url(/images/controls/accordionWide/tabN_green.png) no-repeat top left;
}
#accordion_wide .accordion_toggle:hover 
{
	background: url(/images/controls/accordionWide/tabN_orange.png) no-repeat top left;
}
#accordion_wide .accordion_toggle1
{
	background: url(/images/controls/accordionWide/tab1_inactive.png) no-repeat top left;
}
#accordion_wide .accordion_toggle1:hover
{
	background: url(/images/controls/accordionWide/tab1_orange.png) no-repeat top left;
}
#accordion_wide .accordion_toggle1_active
{
	background: url(/images/controls/accordionWide/tab1_green.png) no-repeat top left !important;
}

#accordion_wide .accordion_content 
{
	overflow: hidden;
	margin:0px 40px 0px 6x;
	height:auto;
	text-align:center;
	width:667px;
	background: url(/images/controls/accordionWide/bg.png) repeat-y 0px 0px;
	background: none;
}


#accordion_wide .accordion_content h2 {
margin: 15px 0 5px 10px;
color: #0099FF;
}

#accordion_wide .accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
font-size:12px;
}
#accordion_wide .accordion_footer
{
	background: url(/images/controls/accordionWide/footer.png) no-repeat 0px 0px;
	background: none;
	width:667px;
	height:15px;
}

#accordion_wide  .renderArea 
{
	padding:5px 16px 6px 18px;
    text-align:left;
}

/* Do not show follow/unfollow */
#clone_selectFriendorContent .btnUnFollow{
	display:none;
}

.prevStepper
{
	width:48px;
	height:16px;
	cursor:pointer;cursor:hand;border:none;
	background:url(/images/controls/stepper/prev.png);
	vertical-align:top;
}
.prevStepper:hover
{
	background:url(/images/controls/stepper/prev_hover.png);
}
.prevStepper_disabled
{
	width:48px;
	height:16px;
	cursor:pointer;cursor:hand;border:none;
	background:url(/images/controls/stepper/prev_disabled.png);
	vertical-align:top;
}
.nextStepper
{
	width:48px;
	height:16px;
	cursor:pointer;cursor:hand;border:none;
	background:url(/images/controls/stepper/next.png);
	vertical-align:top;
}
.nextStepper:hover
{
	background:url(/images/controls/stepper/next_hover.png);
}
.nextStepper_disabled
{
	width:48px;
	height:16px;
	cursor:pointer;cursor:hand;border:none;
	background:url(/images/controls/stepper/next_disabled.png);
	vertical-align:top;
}
.deleteButton
{
	height:13px;
	width:13px;
	cursor:pointer;cursor:hand;border:none;
	background:url(/images/delete.png);
}
.deleteButton:hover
{
	background:url(/images/delete_hover.png);
}

/* 3rd party */
#ExternalWidget {
	background-color:transparent;
}