/*****************************************************************************
	Importing other stylesheets
*/

@import url(../../../js/yui_2.6.0/build/reset/reset-min.css);
@import url(../../../js/yui_2.6.0/build/base/base-min.css);
@import url(../../../js/yui_2.6.0/build/autocomplete/assets/skins/sam/autocomplete.css);
@import url(../../../js/yui_2.6.0/build/paginator/assets/skins/sam/paginator.css);
@import url(../../../js/yui_2.6.0/build/datatable/assets/skins/sam/datatable.css);
@import url(../../../js/yui_2.6.0/build/menu/assets/skins/dlb/menu.css);
@import url(../../../js/yui_2.6.0/build/container/assets/container.css);
@import url(../../../js/yui_2.6.0/build/container/assets/skins/sam/container.css);

/* Forms */
@import url(forms.css);

/* Ajax Photo Display Zone */
@import url(PhotoZone.css);

/*****************************************************************************
	Basic tags
*/

html {
	background-color: #7C939B;
}

body {
	position: relative;
	padding: 0px;
	margin: 0px;
	background: #7C939B url(../images/Page-Background.gif) 0px 0px repeat-x;
	text-align: center;
	color: #FFFFFF;
	font: 13px Tahoma,Arial,Helvetica,Sans-Serif;
	font-size-adjust: none;
}
body body {
	background: #FFFFFF;
}

form {
	padding: 0;
	margin: 0;
}
	
input.button,
input[type="button"],
button {
	cursor: hand;
	cursor: pointer;
	padding: 0px 5px !important;
}

a:link,
a:visited {
	color: #2C8ABF;
}

a:hover {
	color: #A9A122;
}

table {
	border: 0;
	padding: 0;
	margin: 0;
}

th, td {
	border: 0;
	padding: 0 3pt 1pt 0;
	text-align: left;
	vertical-align: top;
}

p {
	border: 0;
	padding: 1pt 3pt 1pt 0;
	text-align: left;
	vertical-align: top;
}


/*****************************************************************************
	Special styles
*/

.MessageText {
	color: #005040;
	font-family: Verdana, Arial, Sans-Serif;
}

div.errorReport {
	display: block;
	color: White;
	background-color: Red;
	border: 3px solid black;
	margin: 1px;
	text-align: left;
	width: 400px;
}


.MessageLink, .MessageLink:link, .MessageLink:visited {
	color: #005040;
	font-family: Verdana, Arial, Sans-Serif;
	text-decoration: none;
}

.MessageLink:hover {
	color: #005040;
	font-family: Verdana, Arial, Sans-Serif;
	text-decoration: underline;
}


/*****************************************************************************
	Page layout
*/

#Page {
	position: relative;
	text-align: left;
	width: 960px;
	margin: 0px auto 0px auto;
}

#PageHeader {
	position: relative;
	background: url(../images/Header-Logo.jpg) no-repeat;
	height: 95px;
}

#PageBody {
	position: relative;
	background: #FFFFFF;
	color: #000000;
	width: 805px;
	
	padding: 0px 0px 0px 155px;
	border-top: 10px solid #FFFFFF;
}

#PageBodyFooter {
	height: 1px solid;
	background: #FFFFFF;
	clear: both;
}

#PageFooter {
	position: relative;
	height: 15px;
}

#PageFooterStats 
{
	text-align:left;
	color: #5D6E74;
}

.PageSection {
	position: relative;
	clear: left;
}

.PageColumn {
	position: relative;
	float: left;
}


/*****************************************************************************
	PageBlock
*/
.PageBlockContainer
{
	position: static;
	padding: 0px 10px 10px 0px;
	x-background-color: #FF1100;
}

.PageBlock {
	position: relative;
	background: #F3F6F7 url(../images/PageBlock-Background.gif) no-repeat;
	width: 100%;
}

.PageBlockBody {
	position: relative;
	padding: 6px 6px 2px 10px;
	margin: 0px;
}

.PageBlock h1 {
	position: relative;
	margin: 0px;
	padding: 5px 10px 2px 10px;
	font: 1.2em Arial, Sans-Serif;
	font-weight: bold;
	color: #003366;
	background: url(../images/PageBlock-HeaderBackground.gif) top right no-repeat;
	text-transform: uppercase;
}

.PageBlock h2 {
	position: relative;
	margin: 0px;
	padding: 8px 10px 5px 10px;
	font: 1.2em Arial, Sans-Serif;
	font-weight: bold;
	color: #003366;
	background: url(../images/PageBlock-HeaderBackground.gif) top right no-repeat;
}

.PageBlock div.titleLess {
	position: absolute;
	margin: 0;
	padding: 0;
	width:100%;
	height:16px;
	background: url(../images/PageBlock-HeaderBackground.gif) top right no-repeat;
}

.PageBlock h3 {
	position: relative;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font: .9em Arial, Sans-Serif;
	font-weight: bold;
	color: #336699;
	text-transform: uppercase;
}

.PageBlock ul {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 22px;
}

.PageBlock ol {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.PageBlock ul li {
	padding: 2px 0px 2px 0px;
}

.PageBlock h2 a:link,
.PageBlock h2 a:visited {
	color: #003366;
}

.PageBlock p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

.PageBlockFooter {
	position: relative;
	background: url(../images/PageBlock-FooterBackground.gif) bottom left no-repeat;
	height: 16px;
}


/*****************************************************************************
	PageBlock / PageBlockTool
*/

.PageBlockTool {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 0px;
	text-align: right;
	font: 1.00em Arial, Sans-Serif;
}

div.Column1wide div.PageBlockTool {
	width: 180px;
}

div.Column2wide div.PageBlockTool {
	width: 380px;
}

div.Column3wide div.PageBlockTool {
	width: 580px;
}

div.Column4wide div.PageBlockTool {
	width: 780px;
}

div.Column5wide div.PageBlockTool {
	width: 975px;
}

/*****************************************************************************
	PageBlock Panel
*/
div.PageBlockPanel {
	font: 1.00em Arial, Sans-Serif;
}
div.PageBlockPanelTitle
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 2px 3px 2px 3px;
	border: solid 1px #0000ff;
	margin: 3px 3px 8px 3px;
	-z-index: 500;
}
div.PageBlockPanelContent {
	position: absolute;
	display: none;
	border-style: double;
	border-width: 4px;
}


/*****************************************************************************
	Sidebar PageBlock
*/

#SideBar .PageBlock {
	background: #28677E url(../images/MainMenu-Background.gif) no-repeat;
	color: #D1F5D2;
}

#SideBar .PageBlock h2 {
	color: #FFFFFF;
	background: none;
}
#SideBar .PageBlock h3 {
	color: #FFFFFF;
}

#SideBar .PageBlock a:link,
#SideBar .PageBlock a:visited {
	color: #DDEEFF;
}

#SideBar .PageBlock a:hover {
	color: #FFEEDD;
}

#SideBar .PageBlock p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#SideBar .PageBlockFooter {
	position: relative;
	background: url(../images/MainMenu-Footer.gif) bottom left no-repeat;
	height: 16px;
}


/*****************************************************************************
	Special PageBlock classes
*/

#SideBar .PageBlock .Warning {
	color: #FFBBAA !important;
}

p.Warning {
	background-color:#FF5040;
	color: White !important;
	padding: 4px 4px 4px 4px;
}

p.Warning a {
	color: #F0F0F0 !important;
}

.PageBlock .Warning {
	color: Red;
}

.PageBlock .Moderators {
	color: Blue;
}

.PageBlock a.FF
{
	display: inline-block;
	padding: 0px 12px 0px 2px;
	letter-spacing: 0.05em;
	background: url(../images/Anchor-FF.gif) 2px 3px no-repeat;
	background-position: right;
}

.PageBlock a.Rev
{
	display: inline-block;
	padding: 0px 2px 0px 12px;
	letter-spacing: 0.05em;
	background: url(../images/Anchor-Rev.gif) 2px 3px no-repeat;
	background-position: left;
}

/*****************************************************************************
	Columns
*/


.Column1wide {
	position: relative;
	width: 200px;
	overflow: hidden;
}

.Column2wide {
	width: 400px;
	overflow: hidden;
}

.Column3wide {
	width: 600px;
	overflow: hidden;
}

.Column4wide {
	width: 800px;
	overflow: hidden;
}

.Column5wide 
{
	left: -150px;
	width: 945px;
	overflow: hidden;
}


/*****************************************************************************
	HeaderStatistics
*/
#HeaderStatistics {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 400px;
	color: #DDFFEE;
	font-size: 14px;
	font-weight: bolder;
}

#HeaderStatistics a:link,
#HeaderStatistics a:visited {
	color: #DDFFEE;
	text-decoration: none;
}
#HeaderStatistics a:hover {
	color: #FFDDCC;
}


/*****************************************************************************
	Breadcrumb
*/

#Breadcrumb {
	position: absolute;
	left: 435px;
	top: 69px;
	width: 700px;
}

#Breadcrumb ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#Breadcrumb ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#Breadcrumb ul li a {
	display: block;
	padding: 0px 6px 0px 16px;
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	background: url(../images/Breadcrumb-Arrow.gif) 2px 3px no-repeat;
}

#Breadcrumb ul li.first a:visited,
#Breadcrumb ul li.first a:link {
	padding: 0px 6px 0px 6px;
	background: none;
}

#Breadcrumb ul li a:hover {
	color: #A9A122;
}


/*****************************************************************************
	ToolsMenu
*/
#ToolsMenu {
	position: absolute;
	right: 0px;
	top: 8px;
/*	width: 300px; */
}
#ToolsMenu ul {
	margin: 0px;
	padding: 0px;
}
#ToolsMenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ToolsMenu ul li a:visited,
#ToolsMenu ul li a:link {
	display: block;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	letter-spacing: 0.05em;
}
#ToolsMenu ul li.first a {
	border-left: none !important;
}
#ToolsMenu ul li a:hover {
	color: #A9A122;
}

/*****************************************************************************
	HeaderNotices
*/

#HeaderNotices {
	position: absolute;
	top: 32px;
	right: 0px;
	height: 35px;
	width: 335px;
	color: #7CF3CB;
	text-align: center;
}

#HeaderNotices a {
	color: #7CF3CB;
}

#HeaderNotices a:hover {
	color: #9CFFEB;
}

/*****************************************************************************
	MainMenu
*/

div.topNavMenu {
	min-height: 24px;
}

#MainMenu {
	position: relative;
	width: 140px;
	background: #28677E url(../images/MainMenu-Background.gif) no-repeat;
	margin-bottom: 10px;
	font-family:tahoma,sans-serif;
	font-size:1em;
}

#MainMenu ul {
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: url(../images/MainMenu-Footer.gif) bottom no-repeat;
}

#MainMenu ul ul {
	border-top: 1px solid #94B5C0;
	background: #6A9DB0;
	padding: 5px 0px 5px 0px;
}

#MainMenu ul li {
	border-bottom: 1px solid #94B5C0;
	background     : url(../images/MainMenu-BulletOff.gif) 8px 9px no-repeat !important;
	background /**/: url(../images/MainMenu-BulletOff.gif) 8px 11px no-repeat;
	background     : url(../images/MainMenu-BulletOff.gif) 8px 11px no-repeat;
}

#MainMenu ul li.isCurrent 
{
	font-size:1.25em;
	font-style:italic;
}

#MainMenu ul li.last {
	border-bottom: none;
}

#MainMenu ul ul li {
	font-size:0.75em;
	font-style:normal;
	border: none;
	background     : url(../images/MainMenu-Bullet-SubItem.gif) 8px 8px no-repeat !important;
	background /**/: url(../images/MainMenu-Bullet-SubItem.gif) 8px 11px no-repeat;
	background     : url(../images/MainMenu-Bullet-SubItem.gif) 8px 11px no-repeat;
}

#MainMenu ul li a:link,
#MainMenu ul li a:visited {
	position: relative;
	display: block;
	padding: 8px 8px 8px 28px;
	margin: 0px;
	color: #FFFFFF;
	font: bold 0.85em Verdana, Sans-Serif;
	text-decoration: none;
	background     : url(../images/MainMenu-BulletOff.gif) 8px 9px no-repeat !important;
	background /**/: url(../images/MainMenu-BulletOff.gif) 8px 11px no-repeat;
	background     : url(../images/MainMenu-BulletOff.gif) 8px 11px no-repeat;
}

#MainMenu ul ul li a:link,
#MainMenu ul ul li a:visited {
	display: block;
	padding: 7px 8px 7px 28px;
	margin: 0px;
	color: #FFFFFF;
	font: normal 0.80em Verdana, Sans-Serif;
	text-decoration: none;
	background     : url(../images/MainMenu-Bullet-SubItem.gif) 8px 8px no-repeat !important;
	background /**/: url(../images/MainMenu-Bullet-SubItem.gif) 8px 11px no-repeat;
	background     : url(../images/MainMenu-Bullet-SubItem.gif) 8px 11px no-repeat;
}

#MainMenu ul ul li.isPlus a:link,
#MainMenu ul ul li.isPlus a:visited {
	background     : url(../images/MainMenu-Bullet-SubItem-Plus.gif) 8px 8px no-repeat !important;
	background /**/: url(../images/MainMenu-Bullet-SubItem-Plus.gif) 8px 11px no-repeat;
	background     : url(../images/MainMenu-Bullet-SubItem-Plus.gif) 8px 11px no-repeat;
}

#MainMenu ul li a:hover {
	color: #00FF00;
	background     : url(../images/MainMenu-BulletOn.gif) 8px 9px no-repeat !important;
	background /**/: url(../images/MainMenu-BulletOn.gif) 8px 11px no-repeat;
	background     : url(../images/MainMenu-BulletOn.gif) 8px 11px no-repeat;
}

#MainMenu ul ul li a:hover {
	color: #00FF00;
	background     : url(../images/MainMenu-Bullet-SubItem.gif) 8px 8px no-repeat !important;
	background /**/: url(../images/MainMenu-Bullet-SubItem.gif) 8px 11px no-repeat;
	background     : url(../images/MainMenu-Bullet-SubItem.gif) 8px 11px no-repeat;
}

.memberChooser {
	max-width: 134px;
	padding: 3px;
}

.memberChooserResult
{
	position: absolute;
	z-index: 2050;
	top: 100px;
	left: 100px;
	text-align: left;
}

.memberChooserResult .yui-ac-content
{
	background-color: #FFF;
	border: solid 3px #000;
	padding: 3px;
	margin: 0;
	color: Blue;
}

.memberChooserResult ul
{
	margin: 0;
}

.memberChooserResult ul li
{
	list-style: none;
}


/*****************************************************************************
	SideBar
*/


#SideBar {
	position: absolute;
	top: 0px;
	left: 7px;
	/*right: 0px;*/
	-z-index: 1000;
	width: 150px;
	overflow: hidden;
}

/*****************************************************************************
	AlertBox
*/
#AlertBox {
	position: relative;
	background: url(../images/AlertBox-Background-New.jpg) no-repeat;
	width: 150px;
	height: 110px;
	overflow: hidden;
}

#AlertBox div {
	font: 1.05em times new roman, serif;
	text-align: left;
	font-weight: normal;
	margin: 8px 17px 17px 8px;
}

#AlertBox div p {
	margin: 0px 0px 5px 0px;
}

.notificationsZone 
{
	position: fixed;
	display:block;
	z-index: 2100;
	width: 150px;
	background-color:#202020;
	font: 13px tahoma, sans-serif;
	bottom: 4px;
	left: 4px;
}
.notificationsZone .notificationElement
{
	background-color:#FFF010;
	color: #203040;
	padding: 3px;
	border: solid 1px Yellow;
	margin: 4px;
}
.notificationsZone .actions
{
	background-color:#D0F050;
	padding: 1px;
	margin: 2px;
}



/*****************************************************************************
	Page block styles
*/
 
.PageBlock.Introduction {
	background: #F3F6F7 url(../images/PageBlock-Background-2.gif) no-repeat;
}

.PageBlock.Action
{
	background: #F6F8DE url(../images/PageBlock-Background-Action.gif) no-repeat;
}

.PageBlock.Action .PageBlockFooter {
	position: relative;
	background: url(../images/PageBlock-FooterBackground-Action.gif) bottom left no-repeat;
	height: 16px;
}

.PageBlock.Information
{
	background: #ECEDF8 url(../images/PageBlock-Background-Info.gif) no-repeat;
}

.PageBlock.Information .PageBlockFooter {
	position: relative;
	background: url(../images/PageBlock-FooterBackground-Info.gif) bottom left no-repeat;
	height: 16px;
}

.PageBlock.Input
{
	background: #EAF4EF url(../images/PageBlock-Background-Input.gif) no-repeat;
}

.PageBlock.Input .PageBlockFooter {
	position: relative;
	background: url(../images/PageBlock-FooterBackground-Input.gif) bottom left no-repeat;
	height: 16px;
}

.PageBlock.Warning 
{
	background: #F4EDEE url(../images/PageBlock-Background-Warn.gif) no-repeat;
}

.PageBlock.Warning .PageBlockFooter {
	position: relative;
	background: url(../images/PageBlock-FooterBackground-Warn.gif) bottom left no-repeat;
	height: 16px;
}


/*****************************************************************************
	Members Links (popup)
******************************************************************************/

div.memberPopup 
{
	border: solid 1px #FFF;
	color: Yellow;
	background-color: #222;
	margin: 3px;
	padding: 4px;
	position: absolute;
	text-align: left;
	width: 420px;
	overflow: hidden;
}

div.memberPopup h3 
{
	color:White;
	margin:0 0 3px 0;
	padding:0;
}

div.memberPopup .following
{
	color: #FFFFCC;
	font-style: oblique;
}


/*****************************************************************************
	Photo List / Thumbnails
*/
.photoList{
    clear:both;
    width: 100%;
}

.photoList a
{
	display:inline-block;
	position:relative;
	margin: 0px;
	border: 0px;
	padding: 0px;
	cursor:pointer;
}

.photoThumbnail
{
	display:block;
    clear:none;
	position:relative;
	background-color: #FFFFFF;
	border: 1px solid #006699;
	margin: 4px;
	padding: 1px;
}

.photoList a img{
    position:relative;
    border:0;
    clear:none;
}

.photoList a span.selected
{
	display:block;
	float:left;
    clear:none;
	position:relative;
	background-color: #16F76B;
	border: 1px solid #0B7C36;
	margin: 4px;
	padding: 1px;
}

.photoThumbnailPreviewContainer
{
	width: 160px;
	max-height: 275px;
	color: #A0A1A2;
	border: 2px solid #000000;
	padding: 4px;
	background-color: #FFFFFF;
	position: fixed;
}

.userThumbnail
{
	margin: 2px;
	padding: 1px;
	background-color: #FFFFFF;
	border: solid 1px #994477;
}

/*****************************************************************************
	Confirmation
*/
.yui-panel .bd
{
	color:Black;
}

/*****************************************************************************
	Messages List
*/

p.msgCurrentView
{
	background-color: #2B6F87;
	color: #FFF;
	padding: 1px;
	font-size: 1.4em;
}

table.msgTable
{
	border-style: solid;
	border-width: 4px 1px 1px 1px;
	border-color: #2B6F87;
	table-layout: fixed;
	width: 100%;
	max-width: 100%;
	margin: 0 0 5px 0; /*border: solid 1px #7A7B7C;*/
}

table.msgTable tr
{
	margin: 1px;
}

table.msgTable tr.read.selected
{
	background-color: #D1D4FF;
	margin: 0px;
	border: solid 2px black;
}

table.msgTable tr.unread.selected
{
	background-color: #D1D4FF;
	margin: 0px;
	border: solid 2px black;
}

table.msgTable tr.read
{
	background-color: #EBECED;
	border-bottom: solid 1px #7A7B7C;
}

table.msgTable tr.unread
{
	background-color: #FAFBFC;
	font-weight: bolder;
	border-bottom: solid 1px #7A7B7C;
}

table.msgTable tr.processing
{
	background-color: #99FF99 !important;
	font-style: italic !important;
	text-decoration: line-through blink !important;
	color: #C0C0C0 !important;
}

table.msgTable tr.read:hover
{
	background-color: #D1D49D !important;
}

table.msgTable tr.unread:hover
{
	background-color: #F6F9B9 !important;
}

table.msgTable td
{
	padding: 3px 2px 3px 2px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}

table.msgTable td a
{
	color: inherit;
	text-decoration: none;
}

table.msgTable td a:hover
{
	text-decoration: underline;
}

table.msgTable td span.state
{
	color:Blue;
	font-weight:lighter;
	font-size:0.70em;
	padding:1px;
	border:solid 1px Blue;
	background-color: #FFF;
}

table.msgTable td span.counter
{
	color:Gray;
}

table.msgTable td span.subject
{
	font-weight:bold;
}

table.msgTable td span.text
{
	font-weight:lighter;
	color:#808020;
}

div.msgReadHeader
{
	margin: 2 0 0 0;
	padding:1px;
	background-color:#2B6F87;
	color:#F8F9FD;
}

div.msgReadFooter
{
	border-style: solid;
	border-width: 0px 1px 4px 1px;
	border-color: #2B6F87;
	margin: 0 0 10px;
	padding: 1px;
	background-color: #F8F9FD;
}

div.msgArea
{
	/*border-top: solid 2px #FBFBFE;
	border-left: solid 2px #FBFBFE;
	border-bottom: solid 2px #E0E1F2;
	border-right: solid 2px #E0E1F2;*/
	border: solid 1px #2B6F87;
	padding-bottom: 3px;
	margin: 0;
	padding: 5px;
	background-color: #F8F9FD;
}

/*****************************************************************************
	AutoComplete
*/

div.autocomplete div.item 
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:White;
	cursor:hand;
	padding-left:2px;
	height:12px;
	color:Black;
}
div.autocomplete div.selected
{
	background-color:Blue;
	color:White;
}


/*****************************************************************************
	Interests
*/

p.interests-likes { color: #006633; }
p.interests-dislikes { color: #ff0033; }
p.interests-match { color: #6666ff; }
p.interests-mismatch { color: #ff9900; }

/*****************************************************************************
	Tags
*/

div.tagsCloud {
	padding: 1px;
	margin: 0px;
	margin: 0px;
}
.tagsCloud a {
	text-decoration:none;
	margin: 0px 0px 0px 3px;
	padding: 1px;
	white-space: nowrap;
	/*line-height: 2px;*/
}
.tagsCloud a.level0 { font-size:10px; }
.tagsCloud a.level1 { font-size:11px; }
.tagsCloud a.level2 { font-size:12px; }
.tagsCloud a.level3 { font-size:13px; }
.tagsCloud a.level4 { font-size:13.5px; }
.tagsCloud a.level5 { font-size:14px; }
.tagsCloud a.level6 { font-size:15px; }
.tagsCloud a.level7 { font-size:17px; }
.tagsCloud a.level8 { font-size:18px; }
.tagsCloud a.level9 { font-size:20px; }

.tagsCloud a.selected {
	border: 1px solid #DBE01B;
	background-color: #FFFFCC;
}

div.tagPanel {
	position: relative;
	width: 250px;
	height: 400px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	border: solid 2px #000000;
	-z-index: 2000;
}

.tagAutocompleteContainer
{
	width: 450px;
	z-index: 100;
	position: absolute;
	text-align: left;
}

.tagsAutocomplete .yui-ac {
    position:relative;font-family:arial;font-size:100%;
}

/* styles for input field */
.tagsAutocomplete .yui-ac-input {
    position:absolute;width:100%;
}

/* styles for results container */
.tagsAutocomplete .yui-ac-container {
    position:absolute;top:1.6em;width:100%;
}

/* styles for header/body/footer wrapper within container */
.tagsAutocomplete .yui-ac-content {
    position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;
}

/* styles for container shadow */
.tagsAutocomplete .yui-ac-shadow {
    position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;
}

/* styles for results list */
.tagsAutocomplete .yui-ac-content ul{
    margin:0;padding:0;width:100%;
}

/* styles for result item */
.tagsAutocomplete .yui-ac-content li {
    margin:0;padding:2px 5px;cursor:default;white-space:nowrap;
}

/* styles for prehighlighted result item */
.tagsAutocomplete .yui-ac-content li.yui-ac-prehighlight {
    background:#B3C7CE;
}

/* styles for highlighted result item */
.tagsAutocomplete .yui-ac-content li.yui-ac-highlight {
    background:#85A7B3;color:#FFF;
}

/****************************************************************************
History
*****************************************************************************/

.MemberHistory {
	
}

.MemberHistory li {
	overflow:hidden;
	border-top: solid 2px #FBFBFE;
	border-left: solid 2px #FBFBFE;
	border-bottom: solid 2px #E0E1F2;
	border-right: solid 2px #E0E1F2;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding: 2px;
	background-color: #F8F9FD;
}

.MemberHistory span.dt {
	color:#888;
	font-size:0.70em;
	font-style:italic;
	float: left;
}

.MemberHistory span.action {
	font-size:0.70em;
	float: right;
}

/****************************************************************************
PHOTO-FRAME
*****************************************************************************/
div.photoDisplayFrame 
{
	background: red;
	border: solid 3px #444444;
	display: block;
	position: fixed;
	z-index: 10;
	text-align: left;
}
div.photoDisplayHeader
{
	width: 100%;
	font-size: 18px;
	color: Blue;
	height: 20px;
	background: Aqua;
}
div.photoDisplayHeader a
{
	text-align: right;
	display:block;
}
div.photoDisplayZone
{
	width: 550px;
	display: block;
	float: left;
	color: Black;
	background: Yellow;
}
div.photoDisplayInfo
{
	width: 100%;
	display: block;
	color: Black;
	background: Green;
}