/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
  background-color:#ffffff;
}


body {
  margin: 0;
  padding: 0;
  text-align: left;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  
  color: #3a3a3a;
}


/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}

code
{
    COLOR: blue;
    FONT-FAMILY: 'Lucida Console';
    mso-no-proof: yes;
}

h1 
{
    padding: .3em 0 0.2em 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #484848;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  font-size: 0.9em;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

.StatusMessage
{
	background-color: #FFFBCF;
	color:#ff0000;
	font-weight:normal;
	border: solid 1px #d3ce95;
	margin: 5px 0 5px 0;
}

/* Blockquote */
blockquote
{
    display:block;
    background : url(../Images/quotes.gif) no-repeat ;
    background-color: #ffffff;
    color:#5C5C5C;
    padding: 3px 15px 10px 10px;
    background-color: orange;
    /*background-position: 10% 10%;*/
    background-color: White;
    text-indent: 20px;
    border: solid 1px #e0e0e0;
    border-width: 0 1px 1px 0;
}

/* old Blockquote
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
} */

/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: underline;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

/* Used to explain an input parameter */
.UserInputNote
{
    font-size:.9em;
    color:#12a6dd;   
}

/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}

.fhi-current-office
{
    font-weight: bold;
}




/* Lists */
ul li {
}

ol li {
}

ol li span {
  font-weight: normal;
  color: #444;
}


.HeadingBar
{
    background-color:#12a6dd;
    color:#ffffff;
    font-size:.9em;
    padding: 5px;
}

.RolesBackground
{
    padding-left:30px;
	background-image:url(Images/icons/group.png);
	background-repeat:no-repeat;
	background-position: 3px 45%;
}





/*Modal Popup*/
.modalBackground {
	background-color:gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:1000;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	z-index:1000;
}

.loadingMessage
{
    z-index:1000;
    position:relative;
    width:100px;
    background-color:#ffffff;
    border: solid 1px;
    font-size:.9em;
    padding:5px;
}
.ajax__calendar_container { z-index : 1000 ; }

/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label
{
  vertical-align: top;
}
label.Block
{
  display:block;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #494949;
  background: #fff;
  border: 1px solid #909090;
}

input:focus,
input:hover,
textarea:hover,
select:hover {
  color: #494949;
  background: #d0e3ea;
  border: 1px solid #888;
}

textarea:focus,
select:focus,
input:focus
{
  color: #494949;
    background:#f3f5b8;
}

input.InputWaterMark
{
    color: #b0b0b0;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}

input.StandardInput
{
    width:20em;
}



.PasswordBarIndicator_Strength1
{
    color:White;
    background-color:Red;
    width:12em;
    padding:2px;
}
.PasswordBarIndicator_Strength2
{
    color:White;
    background-color:Orange;
    width:12em;
    padding:2px;
}
.PasswordBarIndicator_Strength3
{
    color:White;
    background-color:Purple;
    width:12em;
    padding:2px;
}
.PasswordBarIndicator_Strength4
{
    color:White;
    background-color:blue;
    width:12em;
    padding:2px;
}
.PasswordBarIndicator_Strength5
{
    color:White;
    background-color:Green;
    width:12em;
    padding:2px;
}

.Help
{
    font-size:9.em;
    color:Maroon;
    margin-left:10px;
    display:block;
}

.Loading
{
    background: url(../Images/Loading.gif) no-repeat;
    width:20px;
}

.InputWatermark
{
    padding-left:5px;
    color: #8f8f8f;
}

/* LIST Helper classes - these can be combined */
ul.NoBullets
{
    list-style-type:none;
}

ul.NoIndent
{
    margin:0;
    padding:0;
}

ul.Horizontal li
{
    float:left;
    padding: 0 5px;
}

ul.Horizontal li a
{
	line-height:1.5em;
	text-decoration:none;
	display:block;
    padding: 0 1em;
}

ul.Horizontal li a:hover
{
    background-color:#e0e0e0;
}
/* END LIST Helper classes */

/* InformationBox */
.InfoBox-ListContainer
{
    overflow-x:hidden;
    width:100%;
}

.InfoBox
{
    background-color: #eff3fb;
    border: 1px #d1ddf1 solid;
    margin-bottom: 10px;
}

.InfoBox h2
{
    color: white;
    font-size: 1.0em;
    background: #8aaed5;
    text-align: center;
    margin: 0;
    padding: 5px 2px 5px 2px;
}
p.InfoBox-Description
{
    font-size: .8em;
    color: #666666;
    padding: 2px;
    margin: 2px 0 0 0;
}
.InfoBox-Body
{
    margin: 5px;
}
.InfoBox-Body #PrevPage
{
    float: left;
}
.InfoBox-Body #NextPage
{
    float: right;
}
/* end InformationBox */

/*************** Item footer box *******************/
.ItemFooterBox
{
    background-color:#EFF3FB;
    border: solid 1px #D1DDF1;
    padding:5px;
    margin-top:10px;
}
.ItemFooterBox a
{
    text-decoration: underline;
}

/*******************  Tier1 & 2 Menu Styles *******************/
	ul.NavMenu { 
		margin: 0;
		padding:0;
		list-style:none;
		width:100%;
		float:left;
	}

	ul.NavMenu li
	{
		float:left;
	}

	/* Background-color for Tier 1 nav row */
	ul.Nav1
	{
		background-color:#ffffff;
	}
	/* Background-color for Tier 2 nav row */
	ul.Nav2
	{
		background-color:#0284B6;
	}

	ul.NavMenu a
	{
		float:left;
		display:block;
		padding: 0 1em;
		line-height:1.5em;
		text-decoration:none;
	}
	

	/* Style for Tier 1 Nav menu items that aren't selected */
	a.Nav1
	{
		background-color:#E1E1E1;
		color:#464646;
		margin-right:.25em;
	}

	/*  Style for Tier 2 Nav menu items */
	a.Nav2
	{
		color:red;
		background: #0284B6 url(~/images/menudivider.gif) repeat-y left top;
		margin-right:0;
		line-height:2em;
	}
	
	/*  Style for Tier 3 Nav menu items */
	a.Nav3
	{
		color:#0284B6;
		background: #ffffff url(~/images/menudivider.gif) repeat-y left top;
		margin-right:0;
	}
	
	/*  Style for Tier 3 Nav menu items */
	a.Nav3Disabled
	{
		color:#505050;
		background: #ffffff url(~/images/menudivider.gif) repeat-y left top;
		margin-right:0;
	}
	
	/*  Style for Tier 3 Nav menu items */
	a.Nav3Disabled:hover
	{
		color:#505050;
	}
	 
	/* First entry for the tier 2 nav menu, hiding the background image */
	ul.NavMenu  a.first
	{
		background:#0284B6;
		color:white;
		margin-right:0;
		line-height:2.10em;
	}
	
	/* Selected Tier 1 menu item */
	ul.NavMenu  a.selected
	{
		background:#0284B6;
		color:white;
		margin-right:.25em;
	}
	
	/*  non-selected tier 1 menu hover */
	ul.NavMenu a:hover
	{
		color:#FF0000;
	}
	/*  selected tier 1 menu hover */
	ul.NavMenu  a.selected:hover
	{
		color:#F7F61D;
	}
	/* Tier 2 menu hover */
	ul.NavMenu a.Nav2:hover
	{
		color:#F7F61D;
	}
	/* Tier 3 menu hover */
	ul.NavMenu a.Nav3:hover
	{
		color:#FF0000;
		background-color:#e0e0e0;
	}
	/* First entry for the tier 2 nav menu explicitly setting the hover */
	ul.NavMenu  a.first:hover
	{
		color:#F7F61D;
	}
/**********************  END MENU STYLES **************************/

/************************ BEGIN IMAGE PREVIEW ************************/
    .ImagePreviewContainer
    {
        position:relative;
        float:left;
        border: solid 2px white;
    }
    .ImagePreviewContainer:hover
    {
        border: solid 2px #7d7d7d;
        cursor:pointer;
    }
    
    .ImagePreviewContainer img
    {
        margin:5px;
    }
    .ImagePreviewContainer .Delete
    {
        position:absolute;
        right:0;
        top:0;
    }
/************************ END IMAGE PREVIEW ************************/


/*****************  TOPIC AREA *************************/
	#PostSectionHeader
	{
		font-family: Arial, Helvetica, Serif;
		color: #454545;
		font-size: 2em;
		height: 50px;
		position:relative;
		margin: 0px 5px 0px 5px;
	}
	
	#PostSectionHeader SELECT
	{
		position: absolute;
		right: 0px;
		top: 10px;
	}
	
	.Post_Topic
	{
		font-family: Arial, Helvetica, Serif;
		color: #454545;
		margin:5px;
		border-style:solid;
		border-color:#C3C3C3;
		border-width:1px;
	}
	
	#PostTopicEdit
	{
		margin: 10px 5px 5px 5px;
		height: 2em;
		line-height: 30px;
		text-align: right;
		padding-right: 5px;
	}
	
	.PostTopicHeader, .PostItemHeader, .EventHeader
	{
		background-color:#e0e0e0;
		position: relative;		
	}
	
	.PostTopicHeader h3
	{
		background-image:url(/virtualoffice/Images/Folder.gif);
		background-repeat:no-repeat;
		background-position: 5px 7px;
		padding: 8px 0px 0px 35px;
		margin:0;		
		width: 70%;
	}
	.PostTopicHeader h3.NewItem
	{
		background-image:url(/virtualoffice/Images/FolderNewItems.gif);
	}
	
	.PostTopicHeader h3.WithItems
	{
		background-image:url(/virtualoffice/Images/FolderWithItems.gif);
	}
	
	
	.EventHeader h3
	{
		background-image:url(/virtualoffice/Images/Calendar.gif);
		background-repeat:no-repeat;
		background-position: 5px 7px;
		padding: 8px 0px 0px 35px;
		margin:0;		
		width: 70%;		
		
	}
	
	.PostTopicHeader a, .PostItemHeader a
	{
		color:#464646;
		text-decoration:none;
		position:relative;
		top: -3px;
	}
	.PostTopicHeader a:hover, .PostItemHeader a:hover
	{
		text-decoration:underline;
	}
	
	.PostTopicHeader SPAN, .PostItemHeader SPAN, .EventHeader SPAN
	{
		font-size:.7em;
		color: #543F2E;
		position: absolute;
		right: 15px;
		top: 5px;
	}
	
	.PostTopicHeader SPAN A, .PostItemHeader SPAN A
	{
		font-size: .9em;
		color: #543F2E;
		top: 0px;
		text-decoration: underline;
	}
	
	a.PostTopicEditLink
	{
		color:#464646;
		text-decoration:none;
		position:absolute;
		top: 3px;
		right:5px;
		height:14px;
		width:16px;
		background-image: url(Images/posts/Edit.gif) ;
		background-repeat:no-repeat;
	}
	a.PostTopicEditLink:hover
	{
		text-decoration:underline;
	}
	
	a.PostTopicEditLinkSave
	{
		color:#464646;
		text-decoration:none;
		position:absolute;
		top: 3px;
		right:5px;
		height:18px;
		width:16px;
		background-image: url(Images/posts/Save.gif) ;
		background-repeat:no-repeat;
	}
	
	.PostTopicContents
	{
		background-color:#F5F5F5;
		padding:10px;
	}
	.PostTopicContents  h4
	{
		font-family: Arial, Helvetica, Serif;
		padding: 0 0 0 25px ;
		font-size:.7em;
		margin:.25em 0 0 0;
	}
	
	span.PostTopicDescription
	{
		font-size: .7em;		
		margin: 15px 0px 15px 25px;
		display:block;
	}
	textarea.PostTopicDescription
	{
		padding: 0 0 0 0 ;
		font-size:80%;
		margin: .25em 0 .5em 25px;
		width:95%;
		/* background-color:Yellow; */
	}
	textarea.PostTopicTitle
	{
		padding: 0 0 0 0 ;
		font-size:80%;
		margin: .25em 0 .5em 0;
		width:95%;
		/* background-color:Yellow; */
	}
	
	
	
	.PostTopicFooter
	{
		
		margin: 0 0 0 25px ;		
	}
	.PostTopicFooter  em
	{
		font-size: .7em;
		
	}
	.PostTopicFooter  span
	{
		
		right:.35em;
		top:.3em;
		
	}
	.PostTopicFooter  a
	{
		color: #454545;
	}
	.PostTopicFooter a:hover
	{
		color:red;
	}
	
	.vo2-ui-image-button
	{
	    padding: 0.5em 0.4em 0.4em 2.2em;
	}
	
	
	.UpFolder, A.UpFolder:Link, A.UpFolder:Visited, A.UpFolder:Hover, A.UpFolder:Active
	{
		background-image:url(Images/Icons/folder_up.png);
		background-repeat:no-repeat;
		background-position: 0 45%;
		
		padding-left:25px;
		line-height:20px;
		height: 20px;
		display: inline-block;
	}
	
	.BackToFolder, A.BackToFolder:Link, A.BackToFolder:Visited, A.BackToFolder:Hover, A.BackToFolder:Active
	{
		font-size: .9em;
		color: #FFFFFF;
		background-image:url(Images/posts/Back.gif);
		background-repeat:no-repeat;
		background-position: 0 45%;
		padding-left:25px;
	}
	
	.AddFolder, A.AddFolder:Link, A.AddFolder:Visited, A.AddFolder:Hover, A.AddFolder:Active
	{
		background-image:url(Images/icons/folder_add.png);
		background-repeat:no-repeat;
		background-position: 0 45%;

		padding-left:20px;
		line-height:20px;
		height: 20px;
		display: inline-block;
	}
	
	
	
	.CurrentFolderPermissions, A.CurrentFolderPermissions:Link, A.CurrentFolderPermissions:Visited, A.CurrentFolderPermissions:Hover, A.CurrentFolderPermissions:Active
	{
		font-size: .9em;
		color: #FFFFFF;
		background-image:url(Images/icons/server_link.png);
		background-repeat:no-repeat;
		background-position: 0 45%;
		padding-left:20px;
		height:2em;
		line-height:2em;
	}
	
	
	
	.EditFolderPermissions, A.EditFolderPermissions:Link, A.EditFolderPermissions:Visited, A.EditFolderPermissions:Hover, A.EditFolderPermissions:Active
	{
		font-size: .9em;
		color: #FFFFFF;
		background-image:url(Images/icons/folder_edit.png);
		background-repeat:no-repeat;
		background-position: 0 45%;
		padding-left:20px;
		height:2em;
		line-height:2em;
	}
	
	.AddItem, A.AddItem:Link, A.AddItem:Visited, A.AddItem:Hover, A.AddItem:Active
	{
		background-image:url(Images/icons/page_add.png);
		background-repeat:no-repeat;
		background-position: 0 45%;
		
		
		
		padding-left:20px;
		line-height:20px;
		height: 20px;
		display: inline-block;
	}
	.ReplyToItem, A.ReplyToItem:Link, A.ReplyToItem:Visited, A.ReplyToItem:Hover, A.ReplyToItem:Active
	{
		font-size: .9em;
		color: #FFFFFF;
		background-image:url(Images/posts/ReplyToItem.gif);
		background-repeat:no-repeat;
		padding-left:20px;
	}
	
	.PostItemHeader h3
	{
		background-image:url(Images/posts/Item.gif);
		background-repeat:no-repeat;
		background-position: 5px 6px;
		margin:0;
		position:relative;
		width: 70%;
		padding: 8px 0px 5px 35px;
		
		/*background-image:url(http://localhost/virtualoffice/Images/Folder.gif);
		background-repeat:no-repeat;
		background-position: 5px 5px;
		padding-left:30px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin:0;		
		width: 70%;	*/	
		
	}
	/*
	
	.PostItemHeader > h3 > a
	{
		color:#464646;
		text-decoration:none;
		position:relative;
		top: -3px;
	}
	
	
	.PostItemHeader > h3 > a:hover
	{
		text-decoration:underline;
	}*/
	
	
	.PostItemAttachments
	{
		display:block;
		margin: 10px 5px 0px 25px;
		
		
	}
	.PostItemAttachments h4
	{
		font-size:.7em;
		background-color: #FFCC33;
		color:Maroon;
		margin:0;
		padding: 3px;	
	}
	
	.PostItemAttachments h5
	{
		color:#464646;
		font-weight: bold;
		padding-left: 30px;
	}
	.PostItemAttachments IMAGE
	{
		margin-right: 5px;
	}
	
	.PostItemAttachments P
	{	
		padding-left: 35px;
		color: #464646;
		font-size: .7em;
	}
	.PostItemAttachments HR
	{
		height: 1px;
		background-color: #E1E1E1;
		position:relative;
		padding: 5px;
	}
	

	
/******************  END TOPIC AREA ***************/



/*************************  BEGIN MEMBER PROFILE *******************/
#MemberProfile
{
    width: 95%;
    background-color: #fff;
    color: #333;
    border: 1px solid gray;
    line-height: 130%;
}

#MemberProfile .imgContainer
{
    width: 103px;
    margin: auto;
    background-color: #fff;
    padding: 10px;
    border-top: 1px solid #999;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-left: 1px solid #999;
    text-align:center;
    overflow:hidden;
}


div.imgContainer img
{
    border-top: 2px solid #555;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 2px solid #555;
}


#MemberProfile .top
{
    padding: .5em;
    background-color: #ddd;
    border-bottom: 1px solid gray;
}

#MemberProfile .top h1
{
    padding: 5px;
    margin: 0;
}
#MemberProfile .Summary
{
    padding: .5em;
    border-bottom: 1px solid gray;
    
}
#MemberProfile .Summary .leftCol
{
    float: left;
    width: 45%;
    margin: 0;
    padding: 1em;
}

#MemberProfile .Summary .rightCol
{
    margin: 0 auto;
    padding: 1em;
    width: 45%;
    float:right;
}

#MemberProfile .PhoneType
{
    float:left;
    width:4.5em;
    font-weight:bold;
}


#MemberProfile .Details
{
    padding: .5em;
}

#MemberProfile .Details .leftCol
{
    float: left;
    width: 135px;
    margin: 0;
    padding: 1em;
}

#MemberProfile #Details .rightCol
{
    margin-left: 150px;
    border-left: 1px solid gray;
    padding: 1em;
    max-width: 450px;
}

#MemberProfile .footer
{
    clear: both;
    margin: 0;
    padding: .5em;
    color: #333;
    background-color: #ddd;
    border-top: 1px solid gray;
}

#MemberProfile #leftCol p { margin: 0 0 1em 0; }
#MemberProfile #rightCol h2 { margin: 0 0 .5em 0; }

#MemberProfile p { margin-top: 0; }
/*************************  END MEMBER PROFILE *******************/

/*************** Links with Images ****************/
.ImageLink
{
    padding: 0 0 3px 20px;
    margin: 5px 0;
    text-decoration:underline;
}
.ImageLink:hover
{
}
.ImageLinkSelected
{
    font-weight: bold;
}

.CreateOnlineMeeting
{
    background: url(./images/Icons/clock_add.png) no-repeat 0 0;
}
.OnlineMeetingLink
{
    background: url(./images/Icons/clock.png) no-repeat 0 0;
}

.EventLink
{
    background: url(./images/Icons/date.png) no-repeat 0 0;
}

.OfficeLink
{
    background: url(./images/Icons/application_home.png) no-repeat 0 0;
}

.CreateEvent
{
    background: url(./images/Icons/date_add.png) no-repeat 0 0;
}

.CreateUser
{
    background: url(./images/Icons/user_add.png) no-repeat 0 0;
}
.EditUser
{
    background: url(./images/Icons/user_edit.png) no-repeat 0 0;
}
.RemoveUser
{
    background: url(./images/Icons/user_delete.png) no-repeat 0 0;
}
.AddExistingUsers
{
    background: url(./images/Icons/group_add.png) no-repeat 0 0;
}
.InviteUsers
{
    background: url(./images/Icons/transmit_add.png) no-repeat 0 0;
}
.ManageUsers
{
    background: url(./images/Icons/group_edit.png) no-repeat 0 0;
}
.PermissionEdit
{
    background: url(./images/Icons/group.png) no-repeat 0 0;
}

.TopicItemLink
{
	background:url(./Images/icons/page.png) no-repeat  0 0;
}

.FolderLink
{
	background:url(./Images/icons/folder.png) no-repeat  0 0;
}
.EditFolderLink
{
	background:url(./Images/icons/folder_edit.png) no-repeat  0 0;
}
.DeleteFolderLink
{
	background:url(./Images/icons/folder_delete.png) no-repeat  0 0;
}
.MoveFolderLink
{
	background:url(./Images/icons/folder_go.png) no-repeat  0 0;
}

.MemberLink
{
	background:url(./Images/icons/user.png) no-repeat  0 0;
}
    
/************* End Links With Images **************/

/* Widget Area */
.vo2-widget-area ul {
	list-style: none outside none;
	margin: 0 0 1.5em 2.5em;
	margin-left: 0;
	padding: 0;
}

.vo2-widget-container {
	margin: 0 0 1.5em;
}

.vo2-widget-container h3 {
	padding: 0.4em 1em;
	margin: 0;
}

.vo2-widget-intro {
	padding: .1em;
	margin: 0;
}
/* end widget area */

/* Rich list */
.vo2-rich-list ul{
	list-style: none;
	margin:0px;
	padding:0px;
	max-height: 520px;
	overflow-x: hidden;
	overflow-y: auto;
}
.vo2-rich-list li{
	padding-right:5px;
	cursor:pointer;
	clear: both;
}
.vo2-rich-list li.hasThumbnail{
	min-height:50px;
}

.vo2-rich-list li a img,
.vo2-rich-list li a{
	text-decoration: none;
	border:none;
}
.vo2-rich-list li.selected:hover,
.vo2-rich-list li.selected{
	background-color:#CBD5BC;
}
.vo2-rich-list li:hover{
	background-color:#EDF0E6;
}
.quick_nav_heading{
	font-size:14px;
	border-bottom:1px dashed #ccc;
	padding-bottom:3px;
	margin:0px 10px 10px;
}
.vo2-rich-list-thumb {
	float:left;
	padding:4px;
	background-color: white;
	border:1px solid #ccc !important;
	margin:5px 10px;
	width:25px;
	height:25px;
}
.vo2-rich-list li.selected .vo2-rich-list-thumb{
	border:1px solid #aaa !important;
}

.vo2-rich-list-info{
	padding:4px 0px 9px 10px;
	display:block;
	width: 175px;
	font-style: normal;
}
.vo2-rich-list-name{
	color:#3E4808;
	font-size: 12px;
}
.vo2-rich-list-desc{
	color:#888;
	line-height:15px;
	font-size:11px;
}
.vo2-rich-list li.selected .vo2-rich-list-name,
.vo2-rich-list li:hover .vo2-rich-list-name{
	color:#292714;
}
.vo2-rich-list li.selected .vo2-rich-list-desc,
.vo2-rich-list li:hover .vo2-rich-list-desc{
	color:#333;
}
/* End rich list */

/* all offices */
#all-offices {
	display:none;
}

#all-offices .vo2-rich-list ul {
	max-height: none;
}
#all-offices .vo2-rich-list-info{
	width: 90%;
}
/* end all offices */


/* Blog / Comment Forum Styles */
#blog h2
{
    color: #444444;
    font-size: 1.75em;
}

ul.overview-blog,
ul.blog-comments
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#blog .blog-post-footer
{
    padding: 5px;
}

#blog .edit-container
{
    float: left;
    width: 150px;
}

#blog .reply-container
{
    float: right;
    text-align: right;
    width: 150px;
}

#blog .blog-post
{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #CFD6E0;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 20px;
    /*
    background-color: white;
*/
    margin: 10px 0;
}

#blog ul ul li
{
    background-color: white;
    padding: 5px;
    margin: 10px 0;
}
#blog .blog-comments-container ul
{
    margin-left: 5px;
}
#blog .blog-comments-container ul li
{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #CFD6E0;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 20px;
    border: 1px solid #999999;
    border-width: 1px 0 0 0;
}

#blog .blog-comments-container
{
    padding: 5px;
}

.blog-post-info
{
    color: #999999;
}

.blog-comment-info
{
    color: #999999;
}

#blog .blog-comments-container ul li:hover .blog-comment-link
{
    display: block;
}
.blog-comment-footer
{
    height: 20px;
}

.blog-comment-link
{
    display:none;
}

.blog-post a
{
    text-decoration: underline;
}
/* END blog/comment forum styles */


/************************** SYSTEM NOTES *************************/
#SystemNotes
{
    border : solid 1px #e0e0e0;
}

/******* heading of the notes area *************/
#SystemNotes h2
{
    color:Black;
    text-align:center;
}


/*******  This is the day header *****/
#SystemNotes h3
{
    color:#0284B6;
    margin:0px;
}

.SystemNote
{
    margin-left:15px;
    margin-bottom:5px;
}

/******** This is the note's heading *******/
.SystemNote h4
{
    color:black;
    margin: 5px 0px 0px 0px;
    font-size:1em;
}

/******** This is the note's message *******/
.SystemNote p
{
    color:black;
    margin:0;
    padding:0;
}

.SystemNote a
{
    color:Red;
}
/************************** END SYSTEM NOTES *************************/

/* used for indicating users that are selected */
.UserBubble
{
    white-space:nowrap;
    display: inline-block;
    padding: 3px;
    margin-left: 5px;
}

/**************  Nice Table ***************/

/* Expand the table to fill the container, and
    add a 2px black border around its outside edge. */
table.NiceTable {
  width: 100%;
  border: 2px solid #000;
  background-color:#fff;
}

table.NiceTable thead tr th,
table.NiceTable td.NiceCell {
  /* Set the heading's background image to something nice.
      Use a similar background color, to maintain continuity. */
  background-color: #000;
  background-image: url(../images/black-gradient.png);
  /*cursor: pointer;*/
  
  /* Set the foreground color to something readable on black. */
  color: #fff;
  
  /* Give the heading a larger, bold style */
  font-size: 1em;
  font-weight: bold;
  
  /* Finally, make it the same height as the background image. */
  height: 35px;
}

table.NiceTable tbody td {
  /* Pure black is harsh on a white background. Soften slightly. */
  color: #333;
	
  /* Give the <td> cell content some breathing room. */
  padding: 4px;
	
  /* Create the illusion of gridlines between the cells. */
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

/* Remove the border from the top row. */
table.NiceTable tbody tr:first-child td {
  border-top: none;
}

/* Remove the border from the left column. */
table.NiceTable tbody tr td:first-child {
  border-left: none;
}

/* Highlight the sorted row, if any. */
.NiceTable .headerSortDown, .NiceTable .headerSortUp {
  background-image: url(../images/light-gradient.png);
        }
/************** END Nice table *******************/

/************** Nice List Box *******************/
.NiceListBoxContainer
{
    width:100%;
  border: 2px solid #000;
  background-color:#fff;
  }
  
.NiceListBox:hover
{
    background-color: #f3f5b8;
    cursor:pointer;
}
.NiceListBoxContainer h4 {
  /* Set the heading's background image to something nice.
      Use a similar background color, to maintain continuity. */
  background-color: #000;
  background-image: url(../images/black-gradient.png);
  /*cursor: pointer;*/
  
  /* Set the foreground color to something readable on black. */
  color: #fff;
  
  /* Give the heading a larger, bold style */
  font-size: 1em;
  font-weight: bold;
  
  /* Finally, make it the same height as the background image. */
  height: 35px;
  width:100%;
  margin:0px;
  text-align:center;
}
.NiceListBoxContainer select
{
    width:100%;
}
.NiceListBoxContainer select:hover
{
    background-color: #f3f5b8;
    cursor:pointer;
}
.NiceListBoxContainer .Footer
{
    padding:2px;
    font-size: .85em;
    text-align:left;
}
        
/************** END Nice List Box *******************/

/************** Nice Form *******************/

/** Thanks to http://www.assemblesoft.com/examples/form/ for an extremely nice example */

/* some modifiers to leverage jquery ui */
.vo2-edit-heading 
{
    font-size: 1.15em;
    line-height: 1.8em;
    padding: .2em;
}


.NiceFormContainer
{
    margin: 10px;
}

.StandardFormContainer h3
{
  /* Set the heading's background image to something nice.
      Use a similar background color, to maintain continuity. */
    margin:0;
    padding:10px 20px 16px 0;
  /*cursor: pointer;*/
  
  /* Set the foreground color to something readable on black. */
  color: black;
  
  /* Give the heading a larger, bold style */
  font-size: 1em;
  font-weight: bold;
  
  /* Finally, make it the same height as the background image. */
  text-align:center;
  border-width: 1px 1px 0 1px;
  border: black solid;
}

.NiceFormContainer p
{
    margin-top:0;
}

.StandardFormContainer label,
.NiceFormContainer label
{
    font-weight:bold;
}


.StandardFormContainer FormBody,
.NiceFormContainer .FormBody
{
    text-align:left;
    margin: 0;
    padding: 10px;
    border: solid #EAEAEA;
    border-width: 1px;
}

.FormBody fieldset {
	border:1px solid #ddd;
	padding: 0.5em;
}
.FormBody fieldset.NoBorder {
	border:none;
}

.FormBody legend {
	color:#0b77b7;
	font-size:1.2em;
}

FieldSet.Collapsible legend
{
    cursor: hand;
    cursor: pointer;
}

.FormBody fieldset input,
.FormBody fieldset select {
	padding:0.10em;
	width:10em;
	border:1px solid #ddd;
	background:#fafafa;
	font:0.95em;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}


.FormBody fieldset input.date,
input.date
{
    width:7em;
}
.FormBody fieldset input.time,
input.time
{
    width:7em;
}


.FormBody fieldset input.Email,
.FormBody fieldset input.Width20
{
    width: 20em;
}
.FormBody fieldset input.Width25
{
    width: 25em;
}


.FormBody input:hover, .FormBody input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
.FormBody fieldset label 
{
    font-weight: normal;
	float:left;
	width:10em;
	text-align:left;
	margin-right:1em;
}
.FormBody p.Required label
{
    font-weight: bold;
}

fieldset input.CheckBox,
fieldset .CheckBox input
{
    width: 2em;
    border: none;
    padding: 0;
    margin: 0;
}
fieldset .CheckBox label
{
    float: none;
}

.FormBody p
{
    clear:both;
    margin: 4px 1px 4px 1px;
}



.StandardFormContainer ErrorMessage,
.NiceFormContainer .ErrorMessage
{
    padding:2px;
    font-size: .85em;
    text-align:left;
    color:#ff0000;
}
        
/************** END Form *******************/

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar a { margin: 0 .4em;  }

.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; 
   }
   
/************ Detailed Listing ************/
.DetailedListing h2
{
}
    
.DetailedListing dl
{
    margin-bottom: 10px;
}
.DetailedListing dl dt
{
    float: left;
    font-weight: bold;
    padding: 5px;
    width: 12em;
    margin-left: 5px;
    
    
}
.DetailedListing dl dd
{
    margin: 0 0 2px 13em;
    padding: 5px 0;
}
/************ End Listing ************/

/**************  standard input form ********/
/* ----------- stylized ----------- */
.StylizedForm{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
.StylizedForm h3
{
    font-size: 1.25em;
    margin: 0;
    padding: 5px;
    background: #58bcf0;
    color:#ffffff;
    text-align:center;
}
.StylizedForm table
{
    margin: 5px;
    border-collapse: collapse;
    
}
.StylizedForm p
{
   margin:5px;
}
.StylizedForm td
{
    padding: 5px;
    vertical-align:top;
    border-width:0;
}
.StylizedForm td.LabelField
{
    text-align:right;
    width: 160px;
    padding: 2px 5px 2px 2px;
}
.StylizedForm td Label
{
    font-weight:bold;
}
.StylizedForm td small
{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
}
.StylizedForm td.InputField
{
    text-align:left;
    width: 220px;
    padding: 2px;
}
.StylizedForm td.HelpField
{
    text-align:center;
    width: 20px;
    padding: 2px;
}
.StylizedForm input,
.StylizedForm textarea,
.StylizedForm select
{
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
}

.StylizedForm button{
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666666 url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}
.myform{
    margin:0 auto;
    width:400px;
    padding:14px;
}

.extravalidate
{
    display:none;
}
    
/************* END STANDARD INPUT FORM *********/

/*********** BEGIN Jquery Tree *************/

/* TREE LAYOUT */
.tree ul { margin:0 0 0 5px; padding:0 0 0 0; list-style-type:none; }
.tree li { display:block; min-height:18px; line-height:18px; padding:0 0 0 15px; margin:0 0 0 0; /* Background fix */ clear:both; _height:18px; #height:auto; }
.tree li ul { display:none; }
.tree li a, .tree li span { display:inline-block;line-height:16px;height:16px;color:black;white-space:nowrap;text-decoration:none;padding:1px 4px 1px 1px;margin:0; }
.tree li a:focus { outline: none; }
.tree li a input, .tree li span input { margin:0;padding:0 0;display:inline-block;height:12px !important;border:1px solid white;background:white;font-size:10px;font-family:Verdana; }
.tree li a input:not([class="xxx"]), .tree li span input:not([class="xxx"]) { padding:1px 0; }
/* FOR DOTS */
.tree .ltr li.last { float:left; }
.tree .rtl li.last { float:right; #float:none; _float:right; }
.tree > ul li.last { overflow:visible; }
/* OPEN OR CLOSE */
.tree li.open ul { display:block; }
.tree li.closed ul { display:none !important; }
/* FOR DRAGGING */
#jstree-dragged { position:absolute; top:-10px; left:-10px; margin:0; padding:0; }
#jstree-dragged .rtl { _width:20px; #width:200px; margin:0; padding:0;} 
#jstree-dragged ul ul ul { display:none; }

/* RTL modification */
.tree .rtl, .tree .rtl ul { margin:0 5px 0 0; }
.tree .rtl li { padding:0 15px 0 0; }
.tree .rtl li a, .tree .rtl li span { padding:1px 1px 1px 4px; }

/* CONTEXT MENU */
.tree-context { display:none; position:absolute; list-style-type:none; margin:0; padding:0; left:-2000px; top:-2000px; }
.tree-context .separator { display:none; }
.tree-context a { display:block; margin:0; padding:0; }

/** FIREFOX2 fix **/
.tree .ltr li a, x:-moz-any-link { display:inline; float:left; }
.tree .rtl li a, x:-moz-any-link { display:inline; float:right; }
.tree li ul, x:-moz-any-link { clear:both; }
/** FIREFOX3 restore **/
.tree .ltr li a, .tree .rtl li a, x:-moz-any-link, x:default { display:inline-block; float:none; }
.tree li ul, x:-moz-any-link, x:default { clear:none; }
/** IE7 Restore **/
.tree .ltr li a, .tree .rtl li a { #display:inline-block; #float:none; }
.tree li ul { #clear:none; }

.tree li { _width:1px; }
.tree li li { overflow:hidden; #overflow:visible; _overflow:visible; }

.tree > .ltr > li { display:table; }
.tree > .rtl > li { display:table; }


/* EXPLORER 6 and 7 fix for 2px whitespace */
.tree .ltr li.last { #margin-top: expression( (this.previousSibling && /open/.test(this.previousSibling.className) ) ? "-2px" : "0"); _margin-top: expression( (this.previousSibling && /open/.test(this.previousSibling.className) ) ? "-2px" : "0"); }
.tree .rtl li.last { _margin-top: expression( (this.previousSibling && /open/.test(this.previousSibling.className) ) ? "-2px" : "0"); }

/* OPERA SCROLLBAR ISSUE */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body .tree > ul > li.last > ul { margin-bottom:36px; }
	.tree li li { overflow:visible; }
}

/*
FIREFOX FIX
@-moz-document url-prefix() {} 
*/

/*********** END Jquery Tree *************/

.TopicItemAttachmentRow
{
}

.TopicItemAttachmentRow:hover
{
    background-color: #f0f0f0;
}


/********* Simple Tree ********/

.simpleTree
{
	
	margin:0;
	padding:0;
	/*
	overflow:auto;
	width: 250px;
	height:350px;
	overflow:auto;
	border: 1px solid #444444;
	*/
}
.simpleTree li
{
	list-style: none;
	margin:0;
	padding:0 0 0 34px;
	line-height: 14px;
}
.simpleTree li span
{
	display:inline;
	clear: left;
	white-space: nowrap;
}
.simpleTree ul
{
	margin:0; 
	padding:0;
}
.simpleTree .root
{
	margin-left:-16px;
	background: url(images/tree/root.gif) no-repeat 16px 0 #ffffff;
}
.simpleTree .line
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(images/tree/line_bg.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(images/tree/spacer.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(images/tree/line_bg_over.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(images/tree/line_bg_over_last.gif) 0 0 no-repeat transparent;
}
.simpleTree .folder-open
{
	margin-left:-16px;
	background: url(images/tree/collapsable.gif) 0 -2px no-repeat #fff;
}
.simpleTree .folder-open-last
{
	margin-left:-16px;
	background: url(images/tree/collapsable-last.gif) 0 -2px no-repeat #fff;
}
.simpleTree .folder-close
{
	margin-left:-16px;
	background: url(images/tree/expandable.gif) 0 -2px no-repeat #fff;
}
.simpleTree .folder-close-last
{
	margin-left:-16px;
	background: url(images/tree/expandable-last.gif) 0 -2px no-repeat #fff;
}
.simpleTree .doc
{
	margin-left:-16px;
	background: url(images/tree/empty-folder.gif) 0 -1px no-repeat #fff;
}
.simpleTree .doc-last
{
	margin-left:-16px;
	background: url(images/tree/empty-folder-last.gif) 0 -1px no-repeat #fff;
}
.simpleTree .ajax
{
	background: url(images/tree/spinner.gif) no-repeat 0 0 #ffffff;
	height: 16px;
	display:none;
}
.simpleTree .ajax li
{
	display:none;
	margin:0; 
	padding:0;
}
.simpleTree .trigger
{
	display:inline;
	margin-left:-32px;
	width: 28px;
	height: 11px;
	cursor:pointer;
}
.simpleTree .text
{
	cursor: default;
}
.simpleTree .active
{
	cursor: default;
	background-color:#F7BE77;
	padding:0px 2px;
	border: 1px dashed #444;
}
#drag_container
{
	background:#ffffff;
	color:#000;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	border: 1px dashed #767676;
}
#drag_container ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#drag_container li
{
	list-style: none;
	background-color:#ffffff;
	line-height:18px;
	white-space: nowrap;
	padding:1px 1px 0px 16px;
	margin:0;
}
#drag_container li span
{
	padding:0;
}

#drag_container li.doc, #drag_container li.doc-last
{
	background: url(images/tree/leaf.gif) no-repeat -17px 0 #ffffff;
}
#drag_container .folder-close, #drag_container .folder-close-last
{
	background: url(images/tree/expandable.gif) no-repeat -17px 0 #ffffff;
}

#drag_container .folder-open, #drag_container .folder-open-last
{
	background: url(images/tree/collapsable.gif) no-repeat -17px 0 #ffffff;
}
/********* end simple tree ************/