@charset "utf-8";

/* ////////////////////////////////////////////////////////////
 * style.css supplement
 * ///////////////////////////////////////////////////////////////
 */
 
.clickToEdit {
    background: #F2F2F2 none repeat scroll 0% 50%;
    padding: 10px;    

}

/* Tried the PageTitle style but it does not work stand-alone */
p.title {
	display: block;
	margin: 0px 0px 20px;
	padding: 0px 0px 5px;
    margin-left:3px;
    color: #0099FF;
    border-bottom:1px groove #999999;
    font-size:26px;  
}

p.paragraph { /* we really a generic p style */
	color:#333333;
	font-size:13px;
	line-height:1.3;	
}

p.small {
	color:#333333;
    font-size:12px;
}

.smallText {
	font-size: 12px;
}	

span.coach-text {
    font-size: 11px;
    color: #666666;
    font-style: normal;
}

span.required { /* a colored asterisk to indicate a field is required */
	color: red;
	padding-right: 3px; 
}

a.removeUploadLink {
	font-size: 90%;
}

.width500 {
	width: 500px;
}

.width600 {
    width: 600px;
}

.redError {
    color: red;
}

/*
 * a simple row of links below page title
 */
p.links {
	margin-top: 0px;  /* page title already has bottom margin */
    padding-top: 0px;
    font-size: 11px;
}

p.links a {
    font-size:11px;  
}

.rmfriend-confirm { /* friends page */
	clear: both;
}

.rmfriend-confirm span.ra-prompt {
    padding-top: 7px;
    margin-top: 7px;
    display: block;
}

.friendRequestConfirm {
	display: block;
	font-weight: bold;
	background-color: #FFF9D7;
    padding:6px;
    border:1px solid #cccccc;
}		

div.hr {
	padding-top: 5px;
	border-bottom:1px groove #999999;
	padding-bottom: 5px;
}	

/*------------------------------------------------------------------------
 * Prototype auto complete drop down
 *------------------------------------------------------------------------*/
  
.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

.autocomplete ul li.selected {
    background-color: #ffb;
}

.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:0px;
  height:20px;
  cursor:pointer;
}

/*------------------------------------------------------------------------
 * Modal form ... AJAX dialogs based on PWC
 *------------------------------------------------------------------------*/
  
.sfmodal {

}

.sfmodal h2 {
	background:#D4E2F0 none repeat scroll 0 50%;
	border:0 solid #3B5998;
	color:#5A86B3;
	font-size:16px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:0;
	padding-left:5px;
}

.sfmodal div#sfmodalStatus {
	font-size:11px;
	height:2em;
	padding-left:5px;
	padding-top:10px;
}

.sfmodal div#sfmodalStatus .sfmodal-error{
	color:red;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

.sfmodal div#sfmodalContent {
	padding:0 15px;
}

.sfmodal .label {
    clear:left;
    float:left;
    font-weight:bold;
    margin-right:10px;
    display: block;
    text-align:right;
    width:100px;
}

div#sfmodalContent div.sfmodal-coach { 
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.sfmodal div.sfmodal-hint {
	margin-top: 5px;
    font-size: 11px;
    color: #666666;
}

.sfmodal form td {
	padding-bottom: 5px;
	vertical-align: top;
}

/*------------------------------------------------------------------------
 * Scriptaculous In-Place Editor
 *------------------------------------------------------------------------*/
 
form.inplaceeditor-form { /* The form */
}

form.inplaceeditor-form input[type="text"] { /* Input box */
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
  margin-left: 0em;
}

form.inplaceeditor-form a.editor_cancel { /* The cancel link */
  margin-left: 1em;
}

.inplaceeditor-empty {
    font-style: italic;
    color: #999;
}

/* /////////////////////////////////////////////////////////////
 * forum.css supplement
 * /////////////////////////////////////////////////////////////
 */
 
.forum-name { /* to replace .blue */
	color: #0099FF;
}

.DiscussionPageHeader div.left { /* replacing inline style */
    float: left; 
    width: 800px;
	font-size:11px;
}

.DiscussionPageHeader div.right { /* replacing inline style */
    float: right;
    width: 90px;
} 

/* replacing inline styles on topic listing page. also adjust column width
   to display up and down arrows on narrow columns */
    
table#topicList th {
    width: 70px;
}

table#topicList th#topic, table#favTopicList th#topic {
    width: 500px;
}

table#topicList th#lastPost, table#favTopicList th#lastPost {
    width: 170px;
}

table#favTopicList .addRemoveFav span.favoritesCount {
    margin-left: 2px;
}   

/* /////////////////////////////////////////////////////////////
 * gallery.css supplement
 * /////////////////////////////////////////////////////////////
 */
 
p.tagInTitle {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 16px;
}	 

p.tagInTitle a {
    font-size: 12px;
}

table#createOutfit3 div.tagsCommaList {
	padding-bottom: 5px;
	padding-top: 3px;
	width: 550px;
}	
        
.outfitThumbOnly {
	width: 75px;
	float: left;
}

/* edit outfit page */

table#editOutfit {
    width: 750px;
}

table#editOutfit td.tableFormLabel {
	width: 140px;
}

table#editOutfit p#outfitCost {
    padding-top: 0px;
    margin-top:  0px;
}

table#editOutfit .outfitThumb {
	width: 75px;
	padding-top: 5px;
	padding-bottom: 5px;
}
	   
table#editOutfit .outfitThumb p {
    padding-top: 0px;
    padding-bottom: 0px;    
    margin-top:  0px;
    margin-bottom:  0px;    
}
    	
table#editOutfit div#editImages {
	margin-top: 5px;
}

table#editOutfit tr#inplaceEditHint td {
    border-top:1px solid #CCCCCC;
}

table#editOutfit #myTags {
    padding-bottom: 3px;
}

span#favorites{
	float:left;
}

table.forumTable_border .ratingCount, table.forumTable .ratingCount{
	float:left;
	padding-right:3px;
	line-height:12px;
	top:0px;
	height:12px;
}

div.uploadField{
	margin-bottom:3px;
}

/*------------------------------------------------------------------------
 * image cropper: smashion.xui.ImageEditor
 *------------------------------------------------------------------------*/

.image-editor {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

.image-editor .cropper {
    float: left;
    text-align:left;
}

.image-editor .cropperHeader {
    height:2em;
    line-height:2em;
    margin-bottom:5px;
    padding-left:3px;
    vertical-align:middle;
}

.image-editor .cropperHeader strong {
    font-size: 15px;
}    

.image-editor .preview {
    float: left;
    text-align:left;    
    margin-left:5px;
}

.image-editor .preview p, .image-editor .cropper p{
    height:15px;
}

/*------------------------------------------------------------------------
 * Google Ads
 *------------------------------------------------------------------------*/
 
.adBlock_336_280 {
    margin: 40px 0px 40px 25px;   /* margin: 40px auto; messed up IE */
    text-align:center;  
    padding:0;
    width:336px;
}
 
.adBlock_336_280 .adWrapper{
    border:1px solid #000000;   
    background-color:#000000;
    width:336px;
}

.adBlock_336_280 .adWrapper .adContent{
}

.adBlock_336_280 .adWrapper .adLabel{
    border:1px solid #000000;   
    font-size:10px;
    padding:1px;
    text-align:center;
    background-color:#000000;
    color:#ffffff;
}

/*------------------------------------------------------------------------
 * proto tips
 *------------------------------------------------------------------------*/

.helpTip {
    border-bottom:1px solid #E1E1E1;
    cursor:pointer;
    display:inline;
    color: #0099FF;
}
    
.helpTipContent ul {
    margin-left:0px;
    padding-left:15px;
}    
 
.helpTipContent li {
    margin-bottom:3px;
}    

/* misc */

div#hangInThere {
	background-color:#FFFF99;
	border:1px dashed #CCCCCC;
	margin-bottom:8px;
	width:inherit;
	padding:10px 10px 10px 42px;
	background-image: url(/images/loading-big.gif);
    background-repeat: no-repeat;
    background-position: left center;	
}