body
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background: #fff url("../images/mainBody_bg.jpg");
	margin: 5px 10px 5px 10px;
}
a /* anchor */
{
	font-family: Arial;
}
.asterisk 
{
	color: #ff0000;
}
#btnMultiFIle 
{
	margin: 0px 0px -4px 60px;
}

.calendar a
{
	text-decoration: none;
}
.cmdButtons 
{ 
	width: 100%; 
	height: 100%; 
	border: 1px solid #C9C4B9; 
	background-image: url(../images/collapse_bg.jpg);
}
#content-main-center 
{
	float: left;
	clear: none;
	width: 300px;
	margin: 0px;
}
.DefaultLoginHeader 
{
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 09pt;
    float: left;
    height: 23px;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;    
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
    background-image: url(../images/snippet-title-gray.gif);
    background-color: #D8D8D8;
}

.Div_Main_Content
{
	OVERFLOW: auto; 
	HEIGHT: 100%
}
#dvHelp 
{
	position: absolute;
	z-index: 50;
	width: 250px;
	background: #f7f7f7 url(https://www.TrueShare.com/Public/images/layout/box-greengrad-med-bg.gif) repeat-x bottom;
	border: solid 3px #a3c57e;
	padding: 5px;
}
.dvPostBlackOut 
{
	position:absolute;
	top:0px;
	left: 0px;
	width:100%;
	height:100%;
	background: url(../images/black_alpha_50.png) repeat;
	z-index: 101;
}

#dvPostEditBox, #dvTopicEditBox
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top: -150px;
	width:450px;
	height:250px;
	z-index:102;
	border: solid 5px #000000;
	background-color: #fbfbfb;
}

html>body .FolderHeader_Collapse
{
	background-image: url(../images/menuHeader_collapse.png);
}

.FolderHeader_Collapse
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	_background-image: url(../images/menuHeader_collapse.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	height: 25px;
}

html>body .FolderHeader_Expand
{
	background-image: url(../images/menuHeader_expand.png);
}

.FolderHeader_Expand
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	_background-image: url(../images/menuHeader_expand.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	height: 25px;
}
.Folder_Header_Text
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;	
	text-align: left;
	vertical-align: middle;
}

.font_8
{
	font-size: 8pt;
}

.font_9
{
	font-size: 9pt;
}

.font_9_bold
{
	font-size: 9pt;
	font-weight: bold;
}

.font_10
{
	font-size: 10pt;
}

.font_12 
{
	font-size: 12pt;
}

.forum_Divover
{
	float: left;
	clear: none;
	border: solid 2px #056cbb;
	background-color: #d3e2f0;
	margin: 0px 0px 10px;
	cursor: pointer;
	width: 96%;
}
.forum_Div
{
	float: left;
	clear: none;
	border: solid 2px #bfbfbf;
	background-color: #fbfbfb;
	margin: 0px 0px 10px;
	width: 96%;
}

.forum_DivHeader
{
	float: left;
	clear: none;
	border: solid 2px #a1a1a1;
	background-color: #dddddd;
	margin: 0px 0px 10px;
	width: 96%;
}

.forum_breadcrumb 
{
	font-size: 2em;
	font-weight: bold;
	vertical-align: middle;
}

.forum_col_folder
{
	width: 58px;
	padding: 0px 10px;
}
.forum_col_forum
{
	width: 52%;
	padding: 0px 10px;
}
.forum_DivHeader .forum_col_forum 
{
	padding: 7px;
}
.forum_col_topics
{
	font-weight: bold;
	margin-top: 45%;
	vertical-align: middle;
	text-align: center;
	background: transparent url(../images/forums_divider.gif) no-repeat center left;
	width: 10%;
	padding: 0px 10px;
}

.forum_Div .forum_col_topics, .forum_Divover .forum_col_topics 
{
	margin-top: 0px;
	line-height: 90px;
}

.forum_col_topics_long
{
	width: 60%;
	padding: 0px 10px;
}
.forum_col_posts
{
	font-weight: bold;
	margin-top: 45%;
	vertical-align: middle;
	text-align: center;
	background: transparent url(../images/forums_divider.gif) no-repeat center left;
	width: 10%;
	padding: 0px 10px;
}
.forum_col_lastpost
{
	margin-top:45%;
	vertical-align: middle;
	text-align: center;
	background: transparent url(../images/forums_divider.gif) no-repeat center left;
	width: 20%;
	padding: 0px 10px;
}
.forum_post_details 
{
	font-style: italic;
}
.forum_title
{
	font-size: 2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.forum_titleLine 
{
	float: left;
	clear: none;
	margin: 20px 0px 0px;
	width: 98%;
	font-weight: bold;
}
.forum_titleLine td
{
	line-height: normal;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	background: none;
}
#fuSFUpload 
{
	margin: 0px;
	padding:0px;
}
.headline3
{
	font-size: 2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.headline4
{
	font-size: 1.5em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#lblAlbumName 
{
	font-size: 2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#lblAlbumDesc 
{
	font-size: 1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

html>body #mainHeader
{
	background-image: url(../images/grad-bg-white-100.png);
}

#mainHeader 
{
	border-style: solid;
	_background-image: none;
	background-repeat: repeat-x;
	background-position: top;
	clear: right;
    float: left;
    margin: 7px 5px;  
    padding: 0px 5px 0 10px;
}

.Main_Menu
{
	background: #000 url("../images/mainBody_bg.jpg");
	background-repeat: repeat-x;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	margin: 5px 10px 5px 10px;
}

.Main_Menu_Header, .Main_Menu_Header a:link, .Main_Menu_Header a:visited, .Main_Menu_Header a:active
{
    font-family: Arial;
	font-weight: bold;				
	font-size: 11pt;
	height: 27px;
	vertical-align: middle;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 4px;
	line-height: 27px;
}

html>body .Main_Menu_Tab_Expanded
{
	background-image: url(../images/menuHeader_expand.png);
}

.Main_Menu_Tab_Expanded
{
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 11pt;
	vertical-align: middle;
	text-decoration: none;
	_background-image: url(../images/menuHeader_expand.gif);
	background-repeat: no-repeat;
	width: 169px;
	border-bottom: 1px solid #BEBEBE;
	padding-bottom: 10px;
}

html>body .Main_Menu_Tab_Collapsed
{
	background-image: url(../images/menuHeader_collapse.png);
}

.Main_Menu_Tab_Collapsed
{
	font-size: 11pt;
	vertical-align: middle;
	text-decoration: none;
	_background-image: url(../images/menuHeader_collapse.gif);
	background-repeat: no-repeat;
	width: 169px;
}
.Main_Menu_SubHeader, .Main_Menu_SubHeader a:link, .Main_Menu_SubHeader a:visited, .Main_Menu_SubHeader a:active
{
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}
.Main_Menu_Item, .Main_Menu_Item a:link, .Main_Menu_Item a:hover, .Main_Menu_Item a:visited, .Main_Menu_Item a:active
{
	font-size: 9pt;
	padding-left: 10px;
	padding-top: 5px;
	text-decoration: none;
}
.Main_Menu_Item_On, .Main_Menu_Item_On a:link, .Main_Menu_Item_On a:hover, .Main_Menu_Item_On a:visited, .Main_Menu_Item_On a:active, .Main_Menu_Item_Selected
{
	background-color: #ffff99;
	font-weight: bold;
	font-size: 9pt;
	padding-left: 10px;
	padding-top: 5px;
	color: #000000;
	text-decoration: none;
}

html>body .mainTableHeader
{
	background-image: url(../images/headerMask.png);
}
.mainTableHeader
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	_background-image: url(../images/headerMask.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 10px;
}

.PageFooterRow
{
	color: black;
	font-size: 8pt;
	background-color: #d4d0c8;
	height: 15px;
	vertical-align: middle;
}

#pageHeader
{
  background-color: #EDEDED;
  margin: 0;  
}

.page_area 
{
	 background-color:#fbfbfb;
	 border:solid 1px #bebebe;
	 padding: 5px;
}

.photoshare_images_area 
{
	 background-color:#fbfbfb;
	 border:solid 1px #bebebe;
	 padding: 15px 10px 10px 15px;
}
.photoshare_images_area div 
{
	height: 75px;
	width: 75px;
	overflow: hidden;
	background-color: #dcdcdc;
	border: solid 1px #797979;
	padding: 7px;
	margin: 0px 5px 5px 0px;
}
.TableHeaderRow, .TableHeaderRow a:link, .TableHeaderRow a:visited, .TableHeaderRow a:active
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	height: 25px;
}

.TableHeaderRow_TextLeft, .TableHeaderRow_TextLeft a:link, .TableHeaderRow_TextLeft a:visited, .TableHeaderRow_TextLeft a:active
{
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	background-color: #013366;
	height: 24px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

.TableSubHeaderRow, tr.TableSubHeaderRow, .TableSubHeaderRow a:link, .TableSubHeaderRow a:visited, .TableSubHeaderRow a:active 
{
	font-size: 9pt;
	font-family: Verdana;
	font-weight: bold;
	vertical-align: middle;
	color: #4D4D4F;
	height: 22px;
	background-color: #E2E2E2;
	border-collapse: collapse;
	text-decoration: none;
}

.TableAltSubHeaderRow, .TableAltSubHeaderRow a:link, .TableAltSubHeaderRow a:visited, .TableAltSubHeaderRow a:active, tr.TableAltSubHeaderRow
{
	font-weight: bold;
	font-size: 9pt;
	vertical-align: middle;
	color: black;
	height: 22px;
	background-color: #ECECEC;
	background-image: url(../images/TableAltSubHeaderRow.gif);
	background-repeat: repeat-x;
	border: 1px solid #C7C7C7;
	border-collapse: collapse;
	text-decoration: none;
}

.TableFooterRow
{
	color: black;
	font-size: 8pt;
	background-color: #d4d0c8;
	height: 30px;
	vertical-align: middle;
}

.TableOutlined
{
	padding-left: 10px;
	padding-right: 10px;
}

.TableOutlinedBG
{
	border-right: #BEBEBE 1px solid;
	border-left: #BEBEBE 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: #FBFBFB;
}

.TableOutlinedBottom
{
	border-right: #BEBEBE 1px solid;
	border-left: #BEBEBE 1px solid;
	border-bottom: #BEBEBE 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FBFBFB;
}

.TableOutlinedBottomBG
{
	border-right: #BEBEBE 1px solid;
	border-left: #BEBEBE 1px solid;
	border-bottom: #BEBEBE 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #FBFBFB;
	background-image: url("../images/mainBody_bg.jpg");
}

.TableOutlinedBottomBG2
{
	border: #BEBEBE 1px solid;
	border-top: none;
	padding: 0px;
	background-color: #ffffff;
}

.browserButtons
{
	cursor: hand;
}

.currentMenuChoice
{
	color: Red;
}

.dataTableHeader
{
	color: #4D4D4F;
	background-color: #CEC9BE;
	font-family: Arial;
	font-weight: bold;
	font-size: 9pt;
	padding: 5px;
}

.dataTableOdd
{
	color: #4D4D4F;
	background-color: #E7E7E7;
	font-family: Verdana;
	font-size: 9pt;
	padding: 5px;
}

.dataTableEven
{
	color: #4D4D4F;
	background-color: #F1F1F1;
	font-family: Verdana;
	font-size: 9pt;
	padding: 5px;
}

.dataTableSelected
{
	color: #4D4D4F;
	background-color: #B9CCF4;
	font-family: Arial;
	font-size: 9pt;
	padding: 5px;
}

.frmButtons
{
	background-image: url(../images/FormButton_bg.gif);
	background-repeat: repeat-x;
}

.frmInput
{
	color: #4D4D4F;
	font-family: Arial;
	font-size: 9pt;
}

.ImageLink
{
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    font-family: 'Trebuchet MS';
    cursor: hand;
    background-color: transparent;
}

.left
{
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;	
	border: none;
}

.nonCurrentMenuChoice
{
	color: Black;
}
.navlist
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

html>body .navlist li 
{
    background-image: url(../images/headerMask.png);
}
  
.navlist li 
{
    float: left;
    height: 23px;
    width: 130px;
    position: relative;
    margin: 0;
    padding: 0;    
    text-align: center;
    _background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

html>body .navlist li a, html>body .navlist li a.off
{
	background-image: url(../images/headerMask.png);
}

.navlist li a, .navlist li a.off
{
	display: block;
	width: 100%;
	_background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
	line-height: 23px;
	text-decoration: none;
	font-size: 11px;
}

html>body .navlist li a:hover
{
	background-image: url(../images/headerMask.png);
}

.navlist li a:hover
{
	_background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

html>body .navlist li a:active, html>body .navlist li a.on
{
	background-image: url(../images/headerMask.png);
}

.navlist li a:active, .navlist li a.on
{
	_background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.paddiv 
{
	padding: 10px;
}

.right
{
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 0px;	
	border: none;
}

.smallnavlist
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

html>body .smallnavlist li 
{
    background-image: url(../images/headerMask.png);
}
    
.smallnavlist li 
{
    float: left;
    height: 23px;
    width: 80px;
    position: relative;
    margin: 0;
    padding: 0;    
    text-align: center;
    _background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

html>body .smallnavlist li a, html>body .smallnavlist li a.off
{
	background-image: url(../images/headerMask.png);
}

.smallnavlist li a, .smallnavlist li a.off
{
	display: block;
	width: 100%;
    _background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
	line-height: 23px;
	vertical-align: middle;
	text-decoration: none;
	font-size: 08pt;
}

html>body .smallnavlist li a:hover
{
	background-image: url(../images/headerMask.png);
}

.smallnavlist li a:hover
{
    _background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

html>body .smallnavlist li a:active, html>body .smallnavlist li a.on
{
	background-image: url(../images/headerMask.png);
}

.smallnavlist li a:active, .smallnavlist li a.on
{
    _background-image: url(../images/headerMask.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.LoginHeader 
{
	border-style: solid;
}
.LoginBodyTable 
{
	width: 100%;
}
.LoginBodyBorder
{
	border-style: solid;
}

.ToolTip 
{
 padding: 3px;
 border-width: 1px;
 border-style: solid;
 border-color: #000000;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #FFFFCC;
 color: #000000;
 font: Verdana, Arial, Helvetica, sans-serif;
 font-size: 08pt;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

.LoginTable 
{
	vertical-align: middle;
	text-align: center;
}

.infoBox-ltGray-title-main
{
	float: left;
	clear: none;
	background-image: url(../images/box-top-ltgray-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 32px;
	position: relative;
}

.infoBox-ltGray-title-left
{
	position: absolute;
	left: 0px;
	background-image: url(../images/box-top-ltgray-left.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 7px;
	height: 32px;
}

.infoBox-ltGray-title-right 
{
	position: absolute;
	right: 0px;
	background-image: url(../images/box-top-ltgray-right.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 7px;
	height: 32px;
}

#imgDDLArrow 
{
	margin: 0px 0px -4px;
}

.infoBox 
{
	float: left;
	clear: none;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px;
	background-image: url(../images/box-graygrad-med-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f7f7f7;
	position: relative;
}

.info-content 
{
	margin: 10px auto 0px;
	padding: 10px 10px;
}

.MenuGen_ActionMenu
{
	font-weight: normal; 
	font-family: Arial,sans-serif;
	font-size: 12px; 
	cursor: default;
	white-space:nowrap; 
	color:#CCCCCC; 
	width:100px;	
}

div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;   
    background-color:Gray;
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}

.titleheaderHolder 
{
	position:relative; 
	left:1px;
	font-size: 16px;
	line-height: 32px;
	vertical-align: middle;
	margin: 0px 0px 0px 15px;
}
.WorkGroupHeader
{
	color: #000000;
	background-color: #C0C0C0;
	font-weight: normal;
	font-size: 9pt;
}
.WorkGroupSubHeader
{
	color: #000000;
	background-color: #C0CECE;
	font-weight: normal;
	font-size: 9pt;
}

/*
	Modern Browsers (IE7, Firefox 2.0, Navigator 9.0, Opera 9.25)
	Old Browsers (IE6 and under)

	As long as modern browser styles (prefixed by html>body) are
	defined before "generic" styles (includes underscore hack
	(ex: _background) for IE6 reading only) - then custom colors
	code behind will work fine without additional programming)

	color attribute must come before background-color or custom
	colors will mix (bg and font colors)

	html>body (aka selector child) works only in modern browsers
	Underscore Hack (ex: _background) works only in IE 6.0 and older

*/

html
{
	scrollbar-base-color: #C9C9C9;
/*	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #ffa500;
	scrollbar-face-color: #008080;
	scrollbar-highlight-color: #ff69b4;
	scrollbar-shadow-color: #f000f0;*/
}

a /* anchor */
{
	color: #000000;
	font-size: 08pt;
}

.button
{
	color: #000000; 
	background-color: #D2D2D2;
	border: #000000 2px;
}

.FolderHeader_Collapse
{
	color: #FFFFFF;
	background-color: #006633;
}

.FolderHeader_Expand
{
	color: #FFFFFF;
	background-color: #006633;
}

.Folder_Header_Text
{
	color: #FFFFFF;
}

.FolderSelected
{
	background-color: #FFFF99;
	font-weight: bold;
	font-size: 9pt;
}

.FolderUnSelected
{
	background-color: #EEEEEE;
	font-weight: normal;
	font-size: 9pt;
}	

.LoginBodyBorder
{
	border-width: 0px;
	border-color: #000000;
}

.LoginBodyTable
{
	height: 100%;
	background-color: #D8D8D8;
}

.LoginBodyText
{
	color: #000000;	
}

.LoginButton
{
	color: #000000;
	background-color: #99CC66;
	border-color: #99CC66;
}

.LoginHeader
{
	height: 1px;
	text-align: left;
	vertical-align: top;
	border-width: 0px;
	border-color: #000000;
	background-color: #cccccc;
}

.LoginTable
{
	height: 180px;
	width: 300px;
}

#mainHeader 
{
	border-color: #000000;
	border-width: 0px;
	background-color: #ededed;
}

.Main_Menu_Header, .Main_Menu_Header a:link, .Main_Menu_Header a:visited, .Main_Menu_Header a:active
{
	color: #FFFFFF;
}

.Main_Menu_Tab_Expanded
{
	background-color: #006633;
}

.Main_Menu_Tab_Collapsed
{
	background-color: #006633;
}

.Main_Menu_Item, .Main_Menu_Item a:link, .Main_Menu_Item a:hover, .Main_Menu_Item a:visited, .Main_Menu_Item a:active
{
	color: #000000;
}
.mainTableHeader
{
	color: #FFFFFF;
	background-color: #006600;
}
  
.navlist li 
{
    color: #000000;
    background-color: #99cc66;
}

.navlist li a, .navlist li a.off
{
	color: #000000;
	background-color: #99cc66;
}

.navlist li a:hover
{
	color: #000000;
	background-color: #FFFF99;
}

.navlist li a:active, .navlist li a.on
{
	color: #FFFFFF;
	background-color: #006600;
}

.pageHeaderImageCell
{
	vertical-align: middle;	
	text-align: left;
}
    
.smallnavlist li 
{
    color: #000000;
    background-color: #99cc66;
}

.smallnavlist li a, .smallnavlist li a.off
{
	color: #000000;
    background-color: #99cc66;
}

.smallnavlist li a:hover
{
	color: #000000;
    background-color: #FFFF99;
}

.smallnavlist li a:active, .smallnavlist li a.on
{
	color: #FFFFFF;
    background-color: #006600;
}

.TableHeaderRow, .TableHeaderRow a:link, .TableHeaderRow a:visited, .TableHeaderRow a:active
{
	color: #3D3D3D;
	background-color: #C0C0C0;
}