.createOutfit {
    margin:auto;
	width:100%;
	text-align:left;	
}

.border{
	border:1px solid #aaaaaa;
}

.outfitThumb{
	width:160px;
	text-align:center;
	float:left;
	padding:1px;
	border:1px solid #cccccc;
	margin:0px;
	margin-right:8px;
	margin-bottom:8px;
	font-size:12px;
	display:block;
}

.outfitThumb a, .outfitThumb a:link, .outfitThumb a:active, .outfitThumb a:visited{
	display:block;
	padding:5px;
	text-decoration:none;
}

.outfitThumb a:hover{
	background-color:#EAF1FF;
}

.outfitThumb img{
	border:1px solid #666666;
	height:90px;
	width:59px;
}

.outfitThumb P{
	margin:0px;
	margin-top:10px;
}

.outfitThumb .count{
	text-decoration:none;
	color:#000000;
}


div.outfitThumbContainer {
	width:auto;
	margin-bottom:8px;
}

div.outfitThumbContainerTitle {
	/*border-bottom:1px solid #DEE2E5;*/
	margin-bottom:10px;
	padding-bottom:15px;
	width:auto;
}

div.outfitThumbContainerTitle .otcttext {
    float:left;
    font-weight: bold;
    font-size: 16px;
    margin-right: 15px;
    padding-bottom: 2px;
}

div.outfitThumbContainerTitle .rssFeed {
    margin-left: -5px;
}
    
div.outfitThumbContainer div.border{
	border:1px solid #F2F2F2;	
}

div.outfitThumbContainer div.inframe{
	padding:10px;
	padding-left:14px;
	padding-top:18px;
	padding-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}

div.outfitThumbContainer div.inframe.listbyuser{
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}


div.framewithtowerad{
	float:left;
	width:520px;
}

div.outfitThumbImage{
}	

/* -- View Outfit --*/

.outfitFullImage img { 
	border: 1px solid #C0C0C0;
	background-color: #FFF;
	padding: 3px 3px 3px 3px;
}

#one-outfit {
}

#outfitCoverImageBlock {
	float:  left;
	width:  320px;  /* image max dimension is 300w x 450h */
	height: 100%;
	margin-bottom: 5px;
	/* background-color:#CCCCCC; */

}

/* single outfit view, details section */
#outfitDetailBlock {
	/* margin-left: 332px;  image max width is 300 px */
	/* width: 480px; */
	float: left;
	padding-left:0px; 
}

.Container_ThumbnailRating{
	margin-bottom:10px;

}

.outfitRatingbox{
	margin-left:10px;
	float:left;
	font-size:11px;
}

.Container_InfoComment{
	width:553px;
	border: 1px solid #d4e2f0;
	padding:0px;
	margin-bottom:10px;
}

.Container_InfoComment p{
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
}

.inframe{
	padding:8px;
}

.boxTitle{
	background-color:#eeeeee;
	padding:5px;
	margin-bottom:0px;
}

.UserInfo{
	margin-top:10px;
	width:100%;
}

.UserInfo .pic{
	float:left;
	width:85px;
	height:70px;
	padding:0px;
	margin:0px;
}
.UserInfo .info{
	float:left;
	width:430px;
}

.outfitFullImage img { 
	border: 1px solid #C0C0C0;
	background-color: #FFF;
	padding: 3px 3px 3px 3px;
}


.outfitThumb_sm{
	text-align:center;
	float:left;
	padding:1px;
	border:1px solid #cccccc;
	margin:0px;
	margin-right:4px;
	font-size:12px;
	display:block;
}

.outfitThumb_sm a, .outfitThumb_sm a:link, .outfitThumb_sm a:active, .outfitThumb_sm a:visited{
	display:block;
	padding:2px;
	text-decoration:none;
}

.outfitThumb_sm a:hover{
	background-color:#EAF1FF;
}

.outfitThumb_sm img{
	border:1px solid #666666;
	height:90px;
	width:59px;
}

.OutfitImgEditContainer{
	margin-top:10px;

}

/*
 * text comments container
 */
 
.comment-container {
	/* border-top: 1px solid #E3E8EE; */
}
  
.comment-listing {  
	margin-top:10px;
}
.comment-entry {
	padding-top:5px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 0pt;
}

.comment-heading {
	/* background-color: #EEEEEE; */
	padding: 4px;
	height: 18px;  /* otherwise FF shows a big vertical bar; not sure why */
	font-size: 11px;
	line-height:18px;

}

.comment-author {
	float: left;
	font-weight: bold;
}

.comment-time {
	float: left;
	margin-left: 4px;
}

.comment-heading .clear {
	clear:both; 
	line-height: 0px;
}

.comment-actions {
	float: right;	
	font-size: 11px;
}

.comment-body {
	margin:4px;
	font-size: 12px;	
}

.comment-replybody {
	margin-top:5px;
	margin-left:20px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
	padding-left:5px;
}

.comment-input {

}

.comment-input textarea{
	width:400px;
	height:60px;
}

.comment-form .btn_submit{
	width:60px;
	height:25px;
	font-size:11px;
}
.comment-form .btn_cancel{
	width:60px;
	height:25px;
	font-size:11px;	
}

.comment-pagenumContainer{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size:11px;
}

.comment-form-error {
	margin-left: 10px;
	font-size: 11px;
	color: red;
}

.thumbIndex{
	margin-bottom:10px;
}

.thumbIndex_pagenumContainer{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size:11px;
	width:300px;
	margin-top:5px;	
}

.galleryToweradLeft {
    float: left;
    width: 740px;
}

.galleryToweradLeft div.toolbar{
	margin-bottom:0px; /* was 8 */
	padding:8px;
	background-color:#f2f2f2;
}


a.addoutfit {
    margin:0px;
    padding:0px;
    padding-right:10px;
    height:16px;
    float:left;
    line-height:16px;
    background-image:url(../../images/icons/icons/icon_addoutfit.png);
    text-indent:20px;
    display:block;
    text-decoration:none;
    background-repeat: no-repeat;
    background-position: left top;
    color:#666666;
    font-size: 11px;
}

a.addoutfit:hover{
    text-decoration:underline;
}

a#usergalleries {
    background-image:url(../../images/icons/icons/icon_imageindex.png);
}

a.addoutfit:hover{
    text-decoration:underline;
}

.outfitAvatar{
    width:90px;
    float:left;
}

.outfitInfo{
/*    width:300px; */
    margin:0px;
    padding:0px;
    float:left;
	width:240px;
}

.favOutFit, .favOutfit { /* favOutFit is wrong spelling */
    width:340px;
    margin-right:20px;
    float:left;
}

.favOutFit .outfitInfo, .favOutfit .outfitInfo{
    width:200px;
    margin-right:20px;
}

.outfitInfo table{
    padding:0px;
    margin:0px;
    border-collapse:collapse;
    width:400px;
    margin-bottom:10px;
}

.outfitInfo td{
    padding:0px;
    margin:0px;
    padding-right:10px;
    line-height:1.5;
    text-align:right;
    vertical-align:top;
    width:100px;
    font-weight: bold;
    color: #004A95;
}

.outfitInfo td.caption{
    padding:0px;
    margin:0px;
    padding-right:10px;
    line-height:1.5;
    text-align:right;
    vertical-align:top;
    width:100px;
    font-weight: bold;
    color: #004A95;
}

.outfitInfo td.info{
    padding:0px;
    margin:0px;
    line-height:1.5;    
    padding-right:10px;
    vertical-align:top; 
}     

.outfitInfo p{
    font-size:11px;
    margin:0px;
    padding:0px;
    padding-top:3px;
    padding-bottom:3px;

}

.bottomDash{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #cccccc;
}

#listingOperations .raPrompt { /* raPrompt is used by remote-action.js */
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

#listingOperations a {
    padding-right: 5px;
}


    
	
/*-- New gallery Style --*/
div.outfitThumbBox{
	width:162px;
	float:left;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:20px;
}

div.outfitThumbBox div.thumb{
	height:231px;
}

div.outfitThumbBoxTop{
	background-image: url(../../images/gallery_listbyoutfit_top_middle.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width:162px;
	height:10px;
}
div.outfitThumbBoxTop div.left{
	width:11px;
	height:10px;
	background-image: url(../../images/gallery_listbyoutfit_top_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}

div.outfitThumbBoxTop div.right{
	width:11px;
	height:10px;	
	background-image: url(../../images/gallery_listbyoutfit_top_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float:right;
}

div.outfitThumbBoxMiddle{
	width:162px;
	height:210px;
}

div.outfitThumbBoxMiddle div.left{
	background-image: url(../../images/gallery_listbyoutfit_middle_left.jpg);
	background-repeat: repeat-y;
	background-position: left center;
	height:210px;
	width: 11px;
	float:left;
}
div.outfitThumbBoxMiddle div.middle{
	width:140px;
	height:210px;
	float:left;
}

div.outfitThumbBoxMiddle div.middle img{
	width:140px;
	height:210px;
}

div.outfitThumbBoxMiddle div.middle img{
	vertical-align:bottom;
}

div.outfitThumbBoxMiddle div.right{
	background-image: url(../../images/gallery_listbyoutfit_middle_right.jpg);
	background-repeat: repeat-y;
	background-position: right center;
	height:210px;
	width: 11px;
	float:left;
}

div.outfitThumbBoxBottom{
	background-image: url(../../images/gallery_listbyoutfit_bottom_middle.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	width:162px;
	height:11px;
}
div.outfitThumbBoxBottom div.left{
	width:11px;
	background-image: url(../../images/gallery_listbyoutfit_bottom_left.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
	height:11px;
}

div.outfitThumbBoxBottom div.right{
	width:11px;
	background-image: url(../../images/gallery_listbyoutfit_bottom_right.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:right;
	height:11px;
}


div.outfitThumbBox div.detailinfo{
	font-size:11px;
	width:148px;
	margin-left:auto;
	margin-right:auto;
}

div.outfitThumbBox div.detailinfo .row{
	border-bottom:0px solid #cccccc;
	padding-top:0px;
	padding-bottom:0px;
}

div.outfitThumbBox div.detailinfo .row.stars{
	padding-top:2px;
}

div.outfitThumbBox div.detailinfo a.btn_info{
	background-image: url(../../images/btn_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 10px;	
	display:block;
	vertical-align:middle;
	margin-top:4px;
	margin-right:13px;
	overflow:hidden;
	text-decoration:none;
}



div.outfitThumbBox div.popup{
	margin-top:123px;
	width:165px;
	height:109px;
	position:absolute;
	background-image: url(../../images/bg_gallery_popup.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div.outfitThumbBox div.popup div.inframe{
	padding:12px;
	font-size:11px;

}


/*-- Tags --*/

.listingBlock { /* to replace markethpProductsContainer */
    margin-bottom:8px;
    padding: 8px 8px 0px;
}


.listingBlockTitle {
    border-bottom:1px solid #DEE2E5;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom:15px;
    width:auto;
}

.listingBlockTitle .title {
    color:#0099FF;
    font-size: 16px;
    font-weight: bold;
}

.listBlockBody {
}

#gallerytags.listingBlock {
   background-color:#F7F8F9;
   border:1px solid #DEE2E5;
}

#gallerytags .listingBlockTitle {
    font-weight: bold;
    border-bottom:1px solid #DEE2E5;
    margin-bottom:15px;
    padding-bottom:8px;
    padding-top:8px;
    width:auto;    
}

/*-- List by User --*/


div.viewoutfitbyuserBox{
	width:740px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

div.viewoutfitbyuserBox .top{
	background-image: url(../../images/bg_gallery_listbyuser.jpg);
	background-repeat: no-repeat;
	background-position: left 23px;
	border-bottom: 1px solid transparent;
}

div.bottom{
	background-image: url(../../images/bg_gallery_listbyuser.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:12px;
	vertical-align:bottom;
}

div.viewoutfitbyuserBox .mainpic{
	background-image: url(../../images/bg_gallery_listbyuser_mainpic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 242px;
	width: 186px;	
	padding:0px;
	margin:0px;
	float:left;

}
div.viewoutfitbyuserBox .mainpic IMG{
	display:block;
	padding-top:11px;
	margin-left:25px;
	height:210px;
	width:140px;

}

div.viewoutfitbyuserBox .detailinfo{
	padding-top:35px;
	margin-left:20px;	
	float:left;	
	width:500px;
}

div.viewoutfitbyuserBox .detailinfo .row{
	padding-left:2px;
	width:inherit;
	height:28px;
	line-height:28px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCD7FF;
	color:#666666;
}

div.viewoutfitbyuserBox .detailinfo .thumbnailrow{
	padding:10px;
}

div.viewoutfitbyuserBox .detailinfo .thumbnailrow a.thumb{
	display:block;
	float:left;
	margin-right:5px;
	margin-left:5px;
}

.thumbscrolls{
	padding-bottom:0px;
	margin:0px;
	margin-top:20px;
	margin-bottom:2px;
	background-color:transparent;
	border: none;
	height: 92px;
	width: 500px;
}

.thumbscrolls a.imgs{
	padding:0px;
	margin:0px;
	float:left;
	border: 1px #cccccc solid;
	margin-right:5px;
}

.thumbscrolls a.imgs:hover{
	padding:0px;
	margin:0px;
	float:left;
	border: 1px #000000 solid;
	margin-right:5px;
}

.thumbscrolls a.imgs_arrow{
	padding:0px;
	margin:0px;
	height:88px;
	width:14px;
	float:left;
	margin-right:5px;
}

.thumbscrolls .disablearrow{
	padding:0px;
	margin:0px;
	height:88px;
	width:14px;
	float:left;
	margin-right:5px;
}

.usergalleryBanner{
	background-image: url(../../images/usergallery_banner.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 40px;
	width: 740px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

.usergalleryBanner .avartarContainer{
	margin-top:12px;
	margin-left:15px;
	margin-bottom:15px;
	margin-right:15px;
	float:left;
	width:70px;
}

.usergalleryBanner .usernameContainer{
	margin-left:10px;
	height:40px;
	line-height:40px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;	
}

.usergalleryTop { /* temporary */
    width: 730px;
	border-top:1px solid #DEE2E5;
	border-left:1px solid #DEE2E5;
	border-right:1px solid #DEE2E5;
	padding: 8px 0px 8px 8px;
    background-color:#F7F8F9;
    color:#0099FF;
	font-size:16px;
	font-weight:bold;
}

/*-- Intro Text --*/

.galleryIntro {
	color: #666666;
	/* margin-bottom: 20px; */
    font-size: 14px;
	font-weight: normal;
	line-heght:1.1;
	padding-top:10px;
	background-image: url(../../images/gallery_intro_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:180px;	
}

.galleryIntro div.titleTxt{
	font-size:18px;
	color:#000000;
	font-weight:normal;
	height:34px;
	width:400px;
	line-height:34px;
	background-image: url(../../images/gallery_intro_header.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:20px;
	margin-left:0px;
}

.galleryIntro div.introTxt{
	width:400px;
	padding-left:1px;
	line-height:1.1;
}

.galleryIntro div.titleTxt span{
	display:none;
}