/* begin main-divs */
    
#canvas {
	
	
	width:	987px;	
 
}




 .header_top{
	background-image: url(./images/header_top.gif); 
	width:129px;
	height:35px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;



} 

 .header_middle{
	background-image: url(./images/header_middle.gif); 
	width:129px;
	height:35px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
} 

 .header_bottom{
	background-image: url(./images/header_selected.gif); 
	width:129px;
	height:35px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
} 


#body {
  
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
    width:987px;  
	background-color: #fff;
   
    }
   

body {
	
 font-family: 	Helvetica,arial,sans-serif;
 font-weight:	normal;
 font-style:	normal;
 font-size: 	13px;
 line-height:	19px;

}

/* einde main-divs */


  
  
  
/* LEFT COLUMN */

#left_panel_top {
  margin-top : 0px;
  border : 1px solid #ccc;
  border-top-width    : 0px;
  width: 175px;
 
}

.panelheader_left {
  background-image: url(../../images/panelheader_left.gif); 
  background-color : #ccc;
  height: 35px;
  
  border-bottom:1px solid #ccc;
  
  color : #000000;  
 text-align: center;
  padding-left: 5px;
 font-weight: normal;
  line-height: 32px;
}



.panelContent_left {
 
  border-top-width    : 0px;
  border-bottom-width : 0px;

  overflow: hidden;

}


#right_panel_bottom {
  margin-top : 0px;
  border : 1px solid #ccc;
  border-top-width    : 0px;
  width: 128px;
 
}


.panelheader_right {
  background-image: url(../../images/panelheader_left.gif); 
  background-color : #ccc;
  height: 35px;
  
  border-bottom:1px solid #ccc;
  
  color : #000000;  
  text-align: center;
  padding-left: 5px;
  font-weight: normal;
  line-height: 32px;
}

.panelContent_right {
 
  border-top-width    : 0px;
  border-bottom-width : 0px;
 
  overflow: auto;
 
}


/* END LEFT COLUMN */  



/*begin body-columns */

#left_column {
	float:left;
	width:180px;
	height: 100%;
 
    
}

#left_white{
	float:left;
	width:19px;
	height: 100%;	

	
}

#content{
	float:left;
	width:637px;
	min-height: 100%;	

}

#content_top{
    position:relative;
	width:637px;
	height: 35px;	

	font-size: 22px
}

#content_body{
    position:relative;
	width:625px;

	min-height: 575px;	
	height:auto;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}






#homepage_showbox{
	
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 30px;

	border: 0px solid red;

}


#showbox_top
{
	margin-left: 20px;
	margin-bottom: 2px;

	color: #333;
	font-size: 26px;
	font-weight: bold;

	border: 0px solid red;
}

#showboximage
{
	margin-left: 0px;
	
	margin-bottom: 10px;

}

#showbox_bottom
{
	
	margin-top: 3px;
	margin-right: 30px;
	
	text-align: right;

	color: #333;
	font-size: 20px;
	font-weight: bold;


}

#homepage_textblok1{
	
	margin-top: 40px;
	margin-left: 20px;
	
	color: #333;
	font-size: 14px;
	font-weight: bold;

}

#homepage_textblok2{
	
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 20px;
		
	text-align: right;
	
	color: #333;
	font-size: 20px;
	font-weight: bold;

}

#homepage_textblok2b{
	
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 20px;
		
	text-align: left;
	
	color: #000;
	font-size: 14px;
	font-weight: bold;
}


#homepage_textblok3{
	
	margin-top: 50px;
	margin-left: 30px;
	
	color: #333;
	font-size: 20px;
	font-weight: bold;

}



#homepage_memberscroller{
	
	margin-left: 20px;
	margin-bottom: 10px;

}




.homepage_memberscroller_box
{
	float: left;
	width: 125px;
	height: 120px;

	margin: 5px;
	padding: 5px;
	padding-top: 10px;
	
	border: 1px solid #ccc; 	
	text-align: center;
}


.homepage_memberscroller_box:hover
{

	border-color: black;

}










#browsecloset_categories{
    
	width:625px;
/*	min-height: 160px;*/	 
	min-height: 150px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
	

}



.cloth_square {
	
	float:left; 
	width:126px; 
	height:120px; 
	background-color:white; 
	padding:0px; 
	margin: 5px; 
	border-color: #ccc; 
	border-style: solid; 
	border-width:1px;
	text-align: center;
	overflow: hidden;

}

.cloth_square:hover {
	
 
	border-color: #000000; 


}






#browsecloset_body{
   	position: relative;
    margin-top: 0px;
	width:625px;

	min-height: 395px;	
	height:auto;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}


#addcloth_body{
    margin-top: 0px;
	width:625px;
/*	height: 395px; */
	min-height: 395px;	

	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}


#searchcloset_form{
    
	width:625px;
/*	min-height: 160px;	 */
	height: 150px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
	

}




#add_cloth_top{
    
	width:625px;
/*	min-height: 160px;	 */

	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;

    color: #999999;
	font-size: 16px;
}



#right_white{
	float:left;
	width:20px;
	height: 100%;


}

#right_column{
	float:right;
	width:129px;

}


.steps {
	float: left;
	height: 130px;
	width: 102px;
	margin: 5px;
	border: solid 1px black;
	padding:5px;
	
	
}

      
 
 
 
   
    

	#preview_part
	{
	position:relative;
	border: 0px black solid;	
	height: 340px;	
	text-align: center;
	overflow: hidden;
	}
	
	
	
	
	#upload_remark_part
	{
	position:relative;
	height: 20px;
	
	border: 0px black solid;
	
	}	
	
	#upload_part
	{
	position:relative;
	height: 30px;

	border: 0px black solid;
	
	} 
	
 



.cloth_name{
	

	font-size: 24px;
	color: #993333;
}




#details_subheaders{
	padding-top: 5px;

	font-size: 14px;
	font-weight: bold; 
	clear: both;
	
}


.details_left{
	clear: left;
	float:left;
	width: 80px; 


}

.details_right{
	float:left; 
	
	width:100px;	

	overflow: hidden;
}



#details_full{
	

	

	padding-right: 10px;
}	
	
.center{
border: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
height:100%;
width:100%;	
}


.text_input{
	width: 95px;
	height: 11px;
	font-size:8pt; 

	
}


 

 
 
 
 	/*end body-COLUMNS */   
    
  /* begin body columns YOUR OUTFITS */
  
#youroutfits_content{
    position:relative;
	width:625px;
	height: 100%;
	min-height: 575px;	
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}
  
  
#browseoutfits_upperbody{
    
	width:625px;
/*	min-height: 160px;	 */

	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
	

}

#view_selector{
	position: relative;
	bottom: 20px;
	right: 5px;
	width:100%;
	height:18px;

	color: #0066cc;

	font-weight: bold; 
	text-align: right;

	
}


  
.spacer 
{
	width: 10px;
	height: 15px;
	
}
  
.cloth_dropBox{
 
 float: left; 
 width: 250px;
 min-height: 80px; 
 border: 1px solid purple; 
  
}
 
.cloth_dropBox:hover {
	border: 1px solid black;
	
} 
  
  #addoutfits_upperbody{
    
	width:625px;
/*	min-height: 160px;	 */
	min-height: 150px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
	

}
  
  
  
#addoutfits_lowerbody{
    float: left;
	margin-left: 15px;
	margin-top: 10px;
	width:640px;
/*	height: 395px; */
	min-height: 395px;	

	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}   
  
#searchoutfits_upperbody{
    
	width:625px;
/*	min-height: 160px;	 */
	height: 150px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
	

	/*font-size: 16px */
}  

#searchoutfits_lowerbody{
    margin-top: 0px;
	width:625px;
/*	height: 395px; */
	min-height: 395px;	

	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}   
  
  
 
 
 
#browseoutfits_lowerbody{
    margin-top: 0px;

	width:625px;
	min-height: 395px;	

	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}   
 
 
  
  
.outfit_details_left{
	float:left;
	width:300px; 
	min-height:370px; 

	
	padding:5px; 
	margin: 0px; 

	border-color: #ccc; 
	border-style: solid; 
	border-width: 0px 1px 0px 0px;


}


.outfit_details_right{
	float: left;
	width:300px; 
	min-height:370px; 

	padding:0px; 
	margin: 0px; 
	border-color: #ccc; 
	border-style: solid; 
	border-width:0px;
	text-align: left;

}




/* begin right column - add outfit */

.header_top{
	background-image: url(./images/header_top.gif); 
	width:129px;
	height:35px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;



} 

 .header_middle{
	background-image: url(./images/header_middle.gif); 
	width:129px;
	height:35px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
} 

 .header_bottom{
	background-image: url(./images/header_selected.gif); 
	width:129px;
	height:35px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
} 


.right_column{
   	position: relative;
    margin-top: 0px;
	width:129px;

	min-height: 295px;	

	
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	
	padding: 1px;
	margin: 0px;

}    

html>body .right_column {
/* IE cannot see this */
width: 125px;
} 




#right_column_content{
   	width: 117px;
	height: auto;	
	min-height: 280px;
	overflow: hidden;
	
	padding:5px;


	background-color: white;
	
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}

*/  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/* begin left and right columns */
	#left-column-top_ {
    position:relative;
    left:0px;
    top:0px;
	width:100%;
    height:317px;
   
    }

  	#left-column-middle_ {
    position:relative;
    left:0px;
    top:0px;
	width:100%;
     height:16px; 
  
    }

    #left-column-bottom_ {
    position:relative;
    left:0px;
    top:0px;
	width:100%;
  	height:289px; 

    
    }   
   
   
   
    #white-between-left_ {
    position:relative;
    left:0px;
    top:0px;
    width:19px;
    height:622px;
    }

    #white-between-right_ {
    position:relative;
    left:0px;
    top:0px;
    width:20px;
    height:622px;
    }

    #right-collumn-top_ {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:391px;
    
    }

  

    #right-collumn-middle_ {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:12px;
   
    }

    #right-collumn-bottom_ {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:219px;
       
    }

.left_col_cloth_square
{
	
	overflow: hidden;  
	height: 120px; 
	width: 157px; 
	
	padding: 3px;
	margin: 5px;

	background-color: white;

	border: 1px solid #ccccff;
	
	
}

.left_col_cloth_square:hover
{
	border: 1px solid #000000;	
}



.right_col_harmonica_cont
{
	overflow: hidden;  
	height: 120px; 
	width: 110px; 
	
	padding: 3px;
	margin: 5px;

	background-color: white;

	border: 1px solid #ccccff;
}

.right_col_harmonica_cont:hover
{
	border: 1px solid #000000;
}


.right_col_harmonica_cont_large
{
	overflow: hidden;  
	height: 250px; 
	width: 110px; 

	
	padding: 3px;
	margin: 5px;

/*	border-bottom: 0px solid #CCC; 
	border-top: 0px solid #CCC; 
*/
	background-color: white;

	border: 1px solid #ccccff;
}

.right_col_harmonica_cont_large:hover
{
	border: 1px solid #000000;
}


/* begin footer */

  
 

#footer {
 
    width:987px;
	padding: 5px;

 	font-size: 	12px;
	text-align: left;

}


.footer_left{
	float: left;
	margin-left: 200px;
	
}
 
.footer_right{
	float: right;	
	
	
}

 
        
.red {
	color: #993333;
	}
	
.pink {
	color: #ccc;
	}
.black {
	color: black;
	}
.blue {
		color:#0066cc;
}	


img { 
border: none; 
} 



    
    
    


form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Helvetica, arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
 /* clear: left;*/
  display: block;
  width: 354px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}










.right_column{
 
    margin-top: 0px;

	width:129px;

	height: 280px;	
	min-height: 280px;
	
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 0px;
	margin: 0px;
}

html>body .right_column {
/* IE cannot see this */
width: 126px;
} 







/* tags */



td {
  font-family: Helvetica, arial, sans-serif;
  color: #000000;
}

p {
  font-family: Helvetica, arial, sans-serif;
  color: #000000;
  margin: 0px 0px 20px 0px;
}

p.side {
  border: 1px solid #000000;
}

pre {
  font-size: 100%;
}

h1 {
  font-family: Helvetica, arial, sans-serif;
  font-size: 175%;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 10px 0px;
}

h2 {
  font-family: Helvetica, arial, sans-serif;
  font-size: 150%;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 10px 0px;
}

h3 {
  font-family: Helvetica, arial, sans-serif;
  font-size: 135%;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 10px 0px;
}

h4 {
  font-family: Helvetica, arial, sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 10px 0px;
}

h5 {
  font-family: Helvetica, arial, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 10px 0px;
}

h6 {
  font-family: Helvetica, arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 10px 0px;
}

hr {
  background-color: #000000;
  border-style: none;
  border-color: #000000;
  color: #000000;
  height: 1px;
  margin: 5px 0px;
  margin: expression('0px');
}

ul, ol {
  margin: 0px 0px 20px 20px;
  padding: 0px;
}

li {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

a:link {
	text-decoration: none;	
	color: #39F;

}

a:visited {
	text-decoration: none;
  	color: #06c;
}

a:hover {
  text-decoration: underline;
  color: #06c;
}

a:active {
  text-decoration: underline;
  color: #999;
}

dl {
  margin: 0px 0px 20px 20px;
}

dt, dl.small dt {
  font-weight: bold;
}

dd {
  margin: 0px 0px 0px 20px;
}

dl.small {
  font-size: 80%;
}

blockquote {
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 20px;
}

acronym, abbr, .abbr {
  border-bottom: 1px dashed #000000;
  cursor: help;
}

table.data {
  border: 1px solid #000000;
  border-collapse: collapse;
}

table.data caption {
  text-align: left;
  font-size: 120%;
  font-weight: bold;
}

table.data thead th {
  text-align: left;
}

table.data th, table.data td {
  border: 1px solid #000000;
  padding: 2px;
}

p.pageresponse {
  background-color: #ffffe1;
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #000000;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

dl.email {
  border: 1px solid #000000;
  margin: 10px;
}

dl.email dt {
  clear: left;
  float: left;
  width: 90px;
  text-align: right;
  margin: 0px;
  padding: 2px 10px 0px 0px;
}

dl.email dd {
  margin: 0px 0px 0px 99px;
  padding: 2px 0px 0px 10px;
  border-width: 0px 0px 0px 1px;
  border-color: #000000;
  border-style: none none none solid;
}

/* Community style */

.main_content{
    
	width:625px;

	min-height: 500px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;

}

.name_inplaceeditor{
	float: left;
	width: 100px;
	
	text-align: left;
	overflow: hidden;
	border: 0px solid black;	
	
	font-size: medium;
	font-weight: normal;
}



.comm_details_left{
	float:left;
	clear: left;
	width: 80px; 

}

.comm_details_right{
	float:left; 
	width:200px;	
	overflow: hidden;
}

.comm_details_full{
	
	clear: both;
	padding-right: 10px;
}

.comm_browsecloths_categories{
    
	width:610px;
/*	min-height: 160px;	 */
	height: 150px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
	

}

.comm_browsecloths_details{
   	position: relative;
    margin-top: 0px;
	width:625px;

	min-height: 395px;	
	height:auto;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}



.comm_browsecloths_comments{
   	position: relative;
    margin-top: 0px;
	width:610px;

	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding:5px;
}

.comm_browse_outfits_overview
{
	float: left; 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #ddd; 
	width: 580px; 
	min-height: 120px;
	
}


.comm_browse_latest_outfits
{
	float: left; 
	padding: 5px; margin: 5px; 
	border-bottom: 0px solid #ccc; 
	border-top: 0px solid #ccc;
	width: 288px; 
	min-height: 120px;
	border: 1px solid #ccc; 
}


.comm_browse_latest_outfits:hover
{
	border: 1px solid #333; 	
}

.comm_browse_outfits_overview:hover
{

	border: 1px solid #333; 

	
}

.comm_browse_clothes_overview
{
	
	float: left;  
	padding: 5px; 
	margin: 5px; 
	border-bottom: 0px solid #ccc; 
	border-top: 0px solid #ccc;
	width: 288px; 
	min-height: 120px;
	
	border: 1px solid #ccc; 
}




.comm_browse_clothes_overview:hover
{
	border: 1px solid #333; 
	
}





.comm_browse_all_members
{
	float: left;
	width: 140px;
	height: 120px;

	margin: 5px;
	padding: 5px;
	padding-top: 10px;
	
	border: 1px solid #ccc; 	
	text-align: center;
}


.comm_browse_all_members:hover
{
	
	border-color: black;
}





.profile_friends_square
{
	float: left;
	width: 80px;
	height: 90px;

	margin: 5px;
	padding: 5px;
	padding-top: 10px;
	
	border: 1px solid #ccc; 	
	text-align: center;
}


.profile_friends_square:hover
{
	
	border-color: black;
}








/* STYLES FOR THE COMMENTS SYSTEM */





#commentlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0pt 3px;
padding:5px 10px 3px;
	


	
}


#comment {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0pt 3px;
padding:5px 10px 3px;
}





#comment .avatar {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #EEEEEE;
float:right;
padding:2px;
}




#add_comment {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0pt 3px;
padding:5px 10px 3px;
}


#add_comment .avatar {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #EEEEEE;
float:right;
padding:2px;
}

#commentlist cite, .commentlist cite a {
	
font-size:1.1em;
font-style:normal;
font-weight:bold;
}




#commentlist p {
margin:10px 5px 10px 0pt;	
font-weight:normal;
line-height:1.5em;
text-transform:none;
}



.even {
background-color:#F8F8F8;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}

#button{
	margin-top: 0px;
	padding: 2px;
	border: 1px solid #dddddd;
}




.add_toggle
{

color:#0066CC;
text-decoration:none;
}	
.add_toggle:hover {
color:#114477;
text-decoration:underline;
}	


#comments_pink_border
{
border:1px solid #ccc;

margin-top:0px;

padding:5px;
position:relative;
width:625px;
	
}

#starrater_pink_border
{
	border:1px solid #ccc;
	margin:0px;
	padding:3px;
	
	width:625px;
	
}


#tagtool_pink_border
{
	border:1px solid #ccc;
	margin:0px;
	padding:3px;
	
	width:625px;
	
}

.comm_title
{
	color: #993333;

	font-weight: bold; 
	text-align: right;

	
}

/* END STYLES FOR COMMENTS */


/* BEGIN STYLES PROFILE */

img.profile-photo {
 border:1px solid #eee;
 padding:2px;
}


.profile_primary {
 float: left;
 width: 240px;
 margin-top: 10px;
 margin-left: 10px;


}

.profile_secondary {
 float: right;
 width: 350px;
 margin-top: 10px;


}


.profile_fullwidth {
 clear: both;
 width: 625px;
 margin-top: 10px;
 margin-left: 10px;

}




.fieldname {

 font-weight:	bold;
 font-style:	normal;
 font-size: 14px;
	
}




/* END PROFILE STYLES */



/* outfit editor styles */


.outfitEditorSteps 
{
	width: 300px; 
	border: 2px solid black; 
	padding: 5px; 
	margin: 5px; 
	

	
}

.outfitEditorSteps:hover
{
	



}


.camerabox 
{
	float: right;
	width: 150px;
	height: 135px;
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
	
	text-align: center;
	
	z-index: -1000;
}

.camerabox:hover
{
	border-color: red;
	
}

/* tagtool styles */

.tagcheckbox
{
	
 width: 150px;
 font-weight:	normal;
 font-style:	normal;
 font-size: 	14px;
 line-height:	20px;
 
 word-spacing: 10px;
}











/* GENERAL STYLES */









.main_js_links
{
	position:relative; 
	bottom:50px; 
	left:160px;
	color: #0066cc;
}
 
 
.main_js_links:hover
{
	color: #993333;	/*red */
} 
 
 
 
.js_links
{
	color: #0066cc;	/* blue */
}
 .js_links:hover
 {
	color: #993333;	/*red */
} 




a.footer_links
{
	
	color: black;
	text-decoration:none;	
	
}

a.footer_links:hover
{
	text-decoration:underline;
	color: black;
	
}

a.header_links
{
	
	color: black;
	text-decoration:none;
	font-size: 14px;	
	
}

a.header_links:hover
{
	text-decoration:underline;
	color: black;
	
}



.mainpage_blocks
{
	
	float: left; 

	width: 160px; 
	margin: 18px; 
	padding: 5px; 
	height: 150px; 
	
	border: 1px solid; 	
	text-align: center;
	
}

.mainpage_blocks:hover
{
	background-color: #eee;
	cursor:	pointer;
}