div.hr {
	margin: 4px 0 4px 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	background: #CCCCCC;
}

hr { color: #CCCCCC; border-style: dotted; }

.vm_titles {
   font-weight:bold;
   font-size:12px;
   border: #FFFFFF 1px solid;
   background-color: #E7EAED;
}

.vm_navlinktb {

}
.vm_navlink_row {
   text-align:center; 
}
#vm_navlink {
   font-weight:normal;
   font-size:12px;
}
#vm_navlink a:link{ font-size:12px; font-weight:normal;}
#vm_navlink a:visited{ font-size:12px; font-weight:normal;}
#vm_navlink a:hover{ font-size:12px; font-weight:normal; text-decoration:underline;}
#vm_navlink a:active{ font-size:12px; font-weight:normal; text-decoration:underline;}

.vm_read {
   background-image:url(images/read.png);
   background-position:center;
   background-repeat:no-repeat;
   vertical-align:middle;
   text-align:center;
   width:26px;
   height:22px;
}
.vm_unread {
   background-image:url(images/unread.png);
   background-position:center;
   background-repeat:no-repeat;
   vertical-align:middle;
   text-align:center;
   width:26px;
   height:22px;
}
.vm_sent {
   background-image:url(images/sent.png);
   background-position:center;
   background-repeat:no-repeat;
   vertical-align:middle;
   text-align:center;
   width:22px;
   height:22px;
}
.vm_inbox {
   border: transparent 1px solid;
   background-color: transparent;
}
.vm_inbox_alt {
   border: #FFFFFF 1px solid;
   background-color: #F7F8F9;
}

.vm_outbox {
   border: transparent 1px solid;
   background-color: transparent;
}
.vm_outbox_alt {
   border: #FFFFFF 1px solid;
   background-color: #F7F8F9;
}

.vsdarticleRanking {
  float: left;
  margin-right: 6px;
  width: auto;
  height: auto;
}
.vsdarticle 
{
    clear: both;
    text-align: left;
	vertical-align:top;
    margin-bottom : 10px;
}
.vsdarticleHeadline h3 {
    margin-bottom: 0px;
    background-color:#F4F4F4;
    border:1px dashed #CECECE;
	font-size:14px;
}
.vsdarticleEntry {
    margin: 10px 5px;
} 

.vsdarticleImage { 
	margin : 2px 10px 4px 4px;
	float : left;
}
.vsdarticleAuthor { 
	margin-top:5px;
} 
.MiniProfile {
  float: left;
  margin-right: 6px;
  width: auto;
  height: auto;
}
.vsdCalendar {
  float: left;
  width: 47px;
  height: 50px;
  margin-right:4px;
}
.vsdCalendarDay {
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight: bold;
  color: #333333;
  width: 47px;
  text-align:center;
  margin-top: 23px;
 }
.vsdCalendarYear {
  float:right;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight: bold;
  color: #FFFFFF; 
  text-align:right; 
  margin-right:3px;
  margin-top:4px;
}
.vsdCalendarIcon-01 {
  background: url('images/01.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-02 {
  background: url('images/02.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-03 {
  background: url('images/03.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-04 {
  background: url('images/04.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-05 {
  background: url('images/05.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-06 {
  background: url('images/06.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-07 {
  background: url('images/07.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-08 {
  background: url('images/08.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-09 {
  background: url('images/09.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-10 {
  background: url('images/10.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-11 {
  background: url('images/11.png');
  background-repeat:no-repeat;
}

.vsdCalendarIcon-12 {
  background: url('images/12.png');
  background-repeat:no-repeat;
}


/*Chat CSS*/
body { margin:0; padding:0; height:100%;} 

#vsmChatContent{}
#vsmUserContent {}

.ChatBorder1px
{
	border: 1px solid #BBBBBB;
}
.ChatBorder2px
{
	border: 2px solid #BBBBBB;
}

.ChatWrapper
{
	width: 100%;
	height: 560px;
}

.ChatControlWrapper
{
	width: 500px;
	height: 560px;
}

.ChatContentWrapper
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
.ChatContentMsgWrapper
{
	height: 500px;
	width: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;	
	border: 1px solid #BBBBBB;
}
.ChatContentInputWrapper
{
	width: 100%;
	width: 500px;
	position: relative;
	text-align:center;
	margin: auto auto;
	border: 1px solid #BBBBBB;	
	margin: 8px 0 0 0;
}
.ChatContentInputControl
{
	width: 100%;
	border: none 0px;
	height: 24px;
}
.ChatUserWrapper
{
	width: 200px;
	height: 560px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	border: 1px solid #BBBBBB;
	margin: 0 0 0 8px;
}
.ReadOnly 
{
	background: #ccc
}
.ProfileIcon
{
	border: 1px solid #BBBBBB;
}

#vsmChatDashboard { margin-top: 1em; }
#vsmChatDashboard li { list-style-type: none }
#vsmChatDashboard li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }



.ChatUserWrapper ol .ui-selecting { background: #FECA40; }
.ChatUserWrapper ol .ui-selected { background: #F39814; color: white; }
.ChatUserWrapper ol { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.ChatUserWrapper ol li { list-style-type: none; margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; overflow: hidden; cursor: default; }


.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
a.fg-button { float:left; }
	
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
	
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
.fg-button-icon-solo .ui-icon { left: auto; right: auto; }
	
.fg-buttonset { float:left; margin-right: 4px; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }