@charset "utf-8";
/* CSS Document */

 
.Moodscontainer a{
	color:#000000;
	text-decoration:none;
}
.Moodscontainer { 
	position: relative;
} 
.Moodspagination {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 11px;
}
.Moodsdisplay {
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
.Moodsdisplay ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#block_moods .Moodsdisplay .MoodLIPro {
border:1px solid #E9DFFE;
float:left;
height:271px;
margin:3px;
position:relative;
width:208px;
}
#block_moods .Moodsdisplay .MoodLI {
	float: left;
	width: 100px;
	height: 180px;
	position: relative;
	margin: 2px;
}
#block_moods .Moodsdisplay .MoodLIPro a,
#block_moods .Moodsdisplay .MoodLI a {
	display: block;
	text-align: center;
	padding: 4px;
	margin:4px;
	border:1px solid #fff;
}
#block_moods .Moodsdisplay .MoodLIPro a:hover,
#block_moods .Moodsdisplay .MoodLI a:hover {
	border:1px solid #000;
}

#block_friends .Moodsdisplay .MoodLI {
position:relative;
float:left;
height:97px;
margin:6px;
width:80px;
}
#block_friends .Moodsdisplay .MoodLI a {
	float: left;
	display: block;
	text-align: center;
	padding: 0px;
	margin:0px;
	border:1px solid #fff;
	position:relative;
}

#block_friends .Moodsdisplay .MoodLI a:hover {
	border:1px solid #000;
}
.MoodLIPro .Moodbutton .Selected,
.MoodLI .Moodbutton .Selected {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #CCCCCC;
	display: none;
}
.MoodLIPro .MoodbuttonON .Selected,
.MoodLI .MoodbuttonON .Selected {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #CCCCCC;
	display: block !important;
}
.MoodLIPro .previewMood{
background-color:#EEEEEE;
color:#C4C0C0;
margin:5px;
padding:5px;
position:relative;
text-align:center;
}
.Moodbutton .MoodName{
border-bottom:1px solid #EEEEEE;
color:#992D5C;
font-weight:bold;
height:28px;
margin-bottom:2px;
overflow:hidden;
} 

.Moodscontainer h2 {
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.Moodscontainer h3 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 13px;
}
 
.Moodscontainer .priceMoods {
	font-size: 11px;
}
.displayMoods .Moodphoto {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.displayMoods .miniprev {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}

.preview, .preview_wrap{
background:none repeat scroll 0 0 #F7F7F7;
border:1px dotted #CCCCCC;
padding:2px;
width:98%;
}

.Moodsdisplay .MoodLIselec a{
	background:#eee;
	border-color:#000000 !important;
}

.MoodLIPro .selectedMood,
.MoodLI .selectedMood {
	position:absolute; top:0px; right:0px;
	border:1px solid #000;
	background:#FFFECD;
	font-weight:bold;
	padding:2px;
}
.MoodLIPro .selectedMood, .MoodLI .selectedMood {display:none;}
.MoodLIselec .selectedMood {display:inherit !important;}

/* My Moods */

.Moodsdisplay .MyMoodCard{
background:none repeat scroll 0 0 #FFF9F9;
border:1px dashed #A052A9;
float:left;
margin:5px;
padding:5px;
}

.Moodsdisplay .MyMoodSent{
background:none repeat scroll 0 0 #FFFFFF;
border:1px dashed #EEEEEE;
color:#A9A9A9;
font-size:9px;
padding:2px;
text-align:center;
text-transform:uppercase;
}

.Moodsdisplay .MyMoodThumb{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E8CBCB;
margin-top:2px;
text-align:center;
}

.Moodsdisplay .MyMoodTitle{
color:#D04C78;
font-weight:bold;
text-align:center;
}

.Moodsdisplay .MyMoodFrom{
background:none repeat scroll 0 0 #FFFFFF;
border:1px dashed #EEEEEE;
color:#B4B4B4;
margin-bottom:5px;
margin-top:5px;
text-align:center;
text-transform:uppercase;
}

.Moodsdisplay .MyMoodRemove{
font-size:9px;
text-align:left;
}
.Moodsdisplay .MyMoodRemove a{
display:block;
background-image:url(../images/icons/delete_sprite.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:12px;
}
.Moodsdisplay .MyMoodRemove a:hover{
background-position:left bottom;
color:#FF0000;
}

.moodBackbt{
display:block;
padding-top:4px;
text-align:center;
width:100%;
}

/* wrap moods css */
#preview_wrap .wrapMood{
background:repeat center center;
width:100%;
height:100px;
}
#block_wraps .wrapMood{
background:repeat center center;
width:100px;
height:100px;
}
#block_wraps .MoodLI{
width:110px;
float:left;
margin:5px;
position:relative;
}
#block_wraps .MoodLI a{
display:block;
padding:4px;
border:1px solid #fff;
}
#block_wraps .MoodLI a:hover{
border:1px solid #000;
}