/* HEADER
------------------------------ */

#headlogo ul.curmember {
	float:right;
	height:50px; 
	padding:5px; 
	margin:0; 
	display: block; 
	}

#headlogo ul.curmember li {
	color: #2E799E;
	font-size:11px;
	display: block;
	padding: 0 0 0 5px;
	}
/*
#headlogo ul.curmember li a {
	font-size:10px;
}	
*/
.usr {
	font-variant: small-caps;
	font-weight: bold;
	}

.chatusr  {
	color: #2E799E !important;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	}

.chatusr:hover  {
	text-decoration: none;
	}

.on {
	font-variant:small-caps; 
	color:green;
}

.off {
	font-variant:small-caps; 
	color:#888;
}

.advis-name {
	font-variant:small-caps; 
	color:#60ABD9;
}
	
#member-avat {
	float:right;
	padding: 8px 0  8px  8px;
}
	
.skywidget {
	width: 100%;
}

#chatin {
	width: 100%;
	height:50px;
	margin: 0;
	padding: 0;
}

#chat-box {
	width: 100%;
	margin:3px 0 0 0;
	border: 1px solid #7fbcda;
	border-collapse: collapse;
}

#chat-box col {
	padding: 3px 3px 5px 5px;
	margin:0;
}

.p-board {
	width:160px;	
}

.messager {
	background-color: #fff;
}

.describer {
	border-top: 1px solid #7fbcda;
	height: 150px;
}

.c-board {
	width:300px;
}

.w-board {
	text-align: center;
	vertical-align: middle;
	width:500px;		
}

.w-product {
	width:500px;		
	text-align: center;
}

.w-product a img {
	border:1px solid #fff;
}

.w-product a:hover img {
	border:1px solid #c00;
}

.in-chat ul {
list-style: none;
}

.in-chat div.chat-person {
border-bottom: 1px solid #fff;
}

.in-chat div.chat-person:hover {
background-color:#ececec;
border-bottom: 1px solid #7fbcda;
}

.chat-person {
	height:45px;
	padding:5px 0 5px 0;
}

.chat-person div {
	float:left; 
	padding:3px 5px 0 5px;
}

.friend-status {
font:10px/10px Verdana; 
color:#60ABD9;
}

.in{color:#c00 !important;}
.on {color:green !important;}
.off {color:#888 !important;}

.chat-action {
	font:10px/10px Verdana;
	background: #fff;
	padding: 2px;
	float: right;
	margin: 3px 10px 0 0;
	border: 1px solid #7fbcda;
}

.chat-action a {
	font:10px/10px Verdana;
	font-weight: bold;
	color: #888;
}

.chat-action a:hover {
	font:10px/10px Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#chat-box th{
font-size:12px;
letter-spacing: 0.1em;
text-align: left;
color: #60abd1;
padding: 5px 6px 5px 6px;
border-left: 1px solid #7fbcda;
border-right: 1px solid #7fbcda;
}

#chat-box td {
text-align: left;
vertical-align: top;
padding: 5px 6px 5px 6px;
border-left: 1px solid #7fbcda;
border-right: 1px solid #7fbcda;
}

#chat-box th div {
border-bottom: 1px solid #7fbcda;
padding: 0 0 5px 0;
}

#chat-box td div.lfloat {
padding: 0 5px 15px 0;
}

iframe {
	width:100%;
	border-top: 1px solid #7fbcda;	
	border-bottom: 1px solid #7fbcda;		
	background-color: #fff;
}

#chat-title {
	margin:0 0 10px 0;
	font-size:12px;
	letter-spacing: 0.1em; 
	text-align: left;
	font-weight: bold;
	background-color: #fff;
	color: #60abd1;
	border-bottom: 1px solid #7fbcda;
	padding: 0 0 5px 0;
}

#chat-title-ch {
	font-size:12px;
	letter-spacing: 0.1em;
	text-align: left !important;
	font-weight: bold;
	color: #60abd1;
	padding: 5px 0 5px 5px !important;
}

#chat-title-fr {
	font-size:12px;
	letter-spacing: 0.1em;
	text-align: left !important;
	font-weight: bold;
	color: #60abd1;
	padding: 5px 0 5px 5px !important;
}

.messager {
	border-top: 1px solid #7fbcda;
	text-align: center !important;
	padding: 0px !important;

}

.messager div {
	text-align: center !important;
	padding: 10px !important;

}

/* WHITEBOARD DESCRIPTION
------------------------------ */

.apop, .apop2 {
	display: none;
}

.apop img, .apop2 img {
	border: 0 !important;
}

a.tpop:hover .apop, a.tpop:hover .apop2  {
	display: inline;
	position: absolute;
	border: 0;
	z-index: 999;
	text-decoration: none;
}

div.apop ul {
	text-align: left;
	background-color: #fff;
	color: #000;
	display: block;
	margin: 0;
	padding: 0 5px 0 5px;
	list-style: none;
}

div.apop ul li {
}

/* MYHOME STYLE
------------------------------ */

.linkset {
 color:#000 !important;
}

.inline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inline li {
    display: inline;
    padding: 0 5px 0 0;
}


#a-column {
   width:165px;
   border: 1px solid #7fbcda;
   padding: 5px;
   margin: 0 3px 0 0;
   float: left;
}

#b-column {
   width:318px;
   margin: 0 3px 0 0;
   float: left;
}

#b-box-1 {
  width:316px;
  height: 350px;
  border: 1px solid #7fbcda;
}

#b-box-2, #b-box-3, #b-box-4, #b-box-5, #b-box-6, #b-box-7 {
  width:316px;
  margin: 3px 0 0 0;
  height: auto;
  border: 1px solid #7fbcda;
}

#c-column {
   width:319px;
   margin: 0 3px 0 0;
   float: left;
}

#c-box-1 {
  width:317px;
  height: 350px;
  border: 1px solid #7fbcda;
}

#c-box-2, #c-box-3, #c-box-4, #c-box-5, #c-box-6, #c-box-7 {
  width:317px;
  margin: 3px 0 0 0;
  height: auto;
  border: 1px solid #7fbcda;
}


#d-column {
   width:140px;
   border: 1px solid #7fbcda;
/*   padding: 5px;*/
   margin: 0;
   float: left;
}

#box-title {
	margin:0 0 10px 0;
	font-size:12px;
	letter-spacing: 0.1em;
	text-align: left;
	font-weight: bold;
	background-color: #fff;
	color: #2e799e;
	border-bottom: 1px solid #7fbcda;
	padding: 0 0 5px 0;
}

.redstars {
    color:#c00;
    padding-left:3px;
    letter-spacing: 0.2em;
}

.mhp {margin:5px 5px 0 5px !important;}

.members-list {
    padding: 0 0 0 5px;
}


.member, .members-list ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 45px;
}

.members-list ul li {
    display: block;
}

.member {
    padding: 0 0 5px 5px;
}


.members-list div {
    float: left;
    padding: 0 5px 5px 0;
}

.memname {
    font-variant: small-caps;
}


.status {
    font: 10px/13px Verdana;
}

.in {
    color: green !important;
}

.off {
    color: #888;
}

.groups-list {
    list-style: none;
    padding: 0;
    margin: 0;
}


.groups-list li {
    padding: 0 0 3px 5px;
}

#primary {
    margin-top: 2px;
}

.center {text-align: center !important;}
.right {text-align: right !important;}