/*** forum table: table used to display list of threads, category lists and so on ***/
table.outside {
	height:500px;
	width:800px;
}

table.bottom {
	
	width:800px;
}


table.forumtable {
   border: 0px solid #636363;
   padding: 3px;
   width: 90%;
	border-spacing: 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
table.forumtable tr.title {
   
	padding: 3px; 
	margin: 5px;
}
table.forumtable tr.title td {
   padding: 3px;
   margin: 0px;
	border: 0px;
	border-bottom: 0px solid #636363;
}
table.forumtable tr.even {
   background: #FE65CD;
   padding: 3px;
}
table.forumtable tr.odd {
	padding: 3px;
   
}

/*** forum head: used for head and  foot (actions, page numbers...) ***/
div.forumhead {
	border: 0px solid #636363;
   
   width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 3px 3px;
}
div.forumhead table {
	width: 100%;
	border: 0px;
	border-spacing: 0px 0px;
	padding: 3px;
	margin: 0px;
}
div.forumhead table td{
	border: 0px;
	padding: 3px;
	margin: 0px;
}

/*** forum message: used to display a post ***/
div.forummessage {
	border: 0px dotted #636363;
   width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
div.forummessage blockquote {
	border: 0px dotted #636363;
	margin: 5px 5px 5px 25px;
	padding: 3px;
}
div.forummessage div.head {
	border: none;
	padding: 0px;
   
}
div.forummessage div.text {
	border: none;
	padding: 10px;
}
div.forummessage div.foot {
	border: none;
	padding: 0px;
	font-size: small;
}

/*** forum comment: special format for comments to a post ***/
div.forumcomment {
	border: 0px;
	margin: 5px 0px 5px 25px;
	padding: 3px;
}

/*** frame: framed objects (forms for new post, new comment...) ***/
div.frame {
	border: 0px solid #636363;
   width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

/*** form: we set the form margin and padding to 0, otherwise it looks quite ugly ***/
form {
  margin: 0%;
  padding: 0%;
}


* {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

form > select, option, input, textarea {
  border: 1px solid #000000;
}

input.button {
  border: 1px solid #000000;
  background-color: #FB6BCD;
  color: #FFFFFF;
  font-family: Century Schoolbook;
  width: 50%;
}
			 

.chat_content {
  overflow: auto;
  width: 398px;
  height: 350px;
  display: block;
  vertical-align: top;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  text-align:justify;
}

.search_results {
  overflow: auto;
  width: 398px;
  height: 400px;
  display: block;
  vertical-align: top;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-align:justify;
}

.salon_content {
  overflow: auto;
  width: 250px;
  display: block;
  vertical-align: top;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  text-align:justify;
}

.salon_comments {
  overflow: auto;
  width: 500px;
  display: block;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 3px;
  text-align:justify;
}

a.nav:link {
  text-decoration: none;
  font-weight: bold;
  color: #FB6BCD;
  font-size:12px;
  cursor: pointer;
}

a.nav:visited {
  text-decoration: none;
  font-weight: bold;
  color: #FB6BCD;
  font-size:12px;
}

.nav_container {
  white-space: nowrap;
}

#nav_list li {
  display: inline;
  list-style-type: none;
  padding-right: 10px;
}

a#current {
  text-decoration: underline;
   
}

.pink_big {
  font-weight: bold;
  color: #FB6BCD;
  font-size:18px;
}

.pink_med {
  color: #FB6BCD;
  font-size:13px;
}

.pink_small {
  font-weight: normal;
  color: #FB6BCD;
  font-size:14px;
  font-family: Verdana;
}

.pink_smaller {
  font-weight: normal;
  color: #FB6BCD;
  font-size:12px;
  font-family: Verdana;
}

.indent {
  margin-left: 35px;
}

.style1 {
  color: #FF66CE;
  font-weight: bold;
}

.style3 {
  font-size: 18px;
  color: #FF66CE;
}

.style5 {
  font-size: 12px;
  color: #000000;
}

.style10 {
  font-size: 12px
}

divider {
	height:4px
}