/* GLOBAL STYLE */
body
{
	background: #f5f6f8; 
	background-color: #f5f6f8;
}

.main
{
	min-width: 990px;
	max-width: 1900px;
	color: black;
	height:100%; 
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 0.76em;	
}

.main a:hover {
	color: #C71717;
	text-decoration: underline;
}	

.noscreen {
	display: none
}

.left {
	float: left; 
}

h3 {
	font-weight: normal;
	margin: 1.4em 0 0.1em 0;
	font-size: 1.4em;
	line-height: 1.2em
}

h4 { font-size: 12px; font-weight:bold; padding: 20px 5px 0px 5px; }

h5 { font-size: 12px; font-weight:bold; }

h4 span { font-weight: normal; color: #0A4B73; }

a.footer_light { color: #93aaba; cursor: pointer; }

a.footer_light:hover { color:#C71717; }

a.emph, span.emph {
	color: #C71717;	
}

.wrap {
    clear: both;
    overflow: hidden;
    width: 0; height: 0;
}

.spacer_xsm {
    clear: both;
    height: 3px;
}

.copyright {
	text-align:center; 
	padding: 5px 10px 15px 10px; 
	color: #93AABA; 
	font-size:10px; 
}

hr {
    display: none;
}

.Panel1 {background: url(wwwimages/header_bg.jpg) repeat-x #fff; min-width: 985px; padding: 0 5px }

.Panel2 { width:985px; margin: 0 auto; text-align: left; position:relative }

/* HEADER PANEL */

.PanelHeader 
{
	height: 85px;
	width: 100%;
	position: relative;
	top: 0; left: 0;
	font-size: 12px;
}
.PanelHeader h1.logo {
	width: 196px;
	height: 85px;
	margin: 0;
	padding: 0;
	background: url("wwwimages/logo.gif") no-repeat 0 0;
	font-size: 2em;
	position: relative;
	top: 2px; left: 0px;
	float:left;
}
.PanelHeader h1.logo a.homepage {
	display: block;
	width: 100%;
	height: 85px;
}

/* HEADER LINKS */

.PanelHeader .links 
{
	color: #FFFFFF;
	float:right;
	height: 22px;
	width: 80%;
	text-align: right;
	padding: 0 0 0 0;
	margin-top:5px;
}
.PanelHeader .links .section_top {
	margin: 0 0 0 0;
	display:inline;
}
.PanelHeader .links a {
	color: #FFFFFF;
	padding: 2px;
	text-decoration: none;
	white-space: nowrap;
}
.PanelHeader .links a:hover {
	color: #C71717;
	text-decoration: underline;
}
.PanelHeader .links a.login 
{
	margin-left: 10px;
	font-weight: bold;
}
.PanelHeader .links a.logout {
	padding-left: 18px;
}
.PanelHeader .links a.logout:hover {
}

/* HEADER MENU */

.PanelHeader .MenuTabs {
	float:right;
	clear:right;
	height: 32px;
	width: 786px;
	background: url(wwwimages/tab_line.gif) 0 29px repeat-x;
	overflow:hidden;
	margin-top: 28px
}
.PanelHeader .MenuTabs a.tab {
	display: block;
	background: url(wwwimages/tab_face.gif) no-repeat;
	float: left;
	width: 260px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	padding: 0 2px 0 0;
	font-size: 1em;
}
.PanelHeader .MenuTabs a.selected { 
	background: url(wwwimages/tab_face.gif) -280px 0 no-repeat; 
	height: 30px;
}
.PanelHeader .MenuTabs a:hover {
	color: #C71717;
	text-decoration: none;
}
.PanelHeader .MenuTabs a.right_tab { 
	padding-right: 0; 
}
.PanelHeader .MenuTabs a.tab span.middle {
	display: block;
	margin-top: 8px;
	text-decoration: none;
	color: #0A4B72;
}
.PanelHeader .MenuTabs a:hover span.middle {
	color: #C71717;
}
.PanelHeader .MenuTabs a.selected span {
	font-weight:bold;
	color: #C71717;
}

/* SIDE PANEL */

.SidePanel {
	float: left; 
	clear:left; 	
	margin: 0 -10px 0 0;	
	width: 199px; 
	border-right: 1px solid #93AABA;
}
.SidePanel .SidePanelTop {
	background: url(wwwimages/side_top.gif) #F1F6F9 no-repeat; 
	margin: 4px 0 0 0;
}
.SidePanel .SidePanelBottom {
	background: url(wwwimages/side_bottom.gif) bottom no-repeat; padding:10px;
}
.SidePanel .SidePanelContent {
	margin: 0 0 0 11px;	
	padding-right: 0;
}

.SidePanel .SidePanelContent .SectionHeader {
	line-height: 1.4em;
	padding: 3px 0 3px 5px;
	position: relative;
	top: 0; left: 0;
	font-weight: bold;
}
.SidePanel .SidePanelContent .LoginContent {
	top: 0; left: 0;
	margin: 0 0 0 -16px;
	padding: 0 0 0 0;
	position: relative;
	color: #0A4B72;
}
.SidePanel .SidePanelContent .LoginContent .login 
{
}

.SidePanel .SidePanelContent .LoginContent .login input {
	color: #0A4B72;
}

.SidePanel .SidePanelContent .LoginContent .rememberbutton
{
	visibility:hidden;
}

.SidePanel .SidePanelContent .LoginContent .LoginButtonsPanel
{
	width:157px;
	font-size:1.2em;
	font-family:Verdana;
}

.SidePanel .SidePanelContent .LoginContent .loginbutton 
{
	height:30px;
	width:60px;
	float:right;
}

.SidePanel .SidePanelContent .LoginContent .registration 
{
	padding:6px;
	float:left;
	background-color:Green;
	color:White;
}

.SidePanel .SidePanelContent .LoginContent .recover 
{ 
	float:none;
	margin:0;
}

.SidePanel .SidePanelContent a {
	color: #0A4B72;
	padding: 2px;
	text-decoration: none;
	white-space: nowrap;
}
.SidePanel .SidePanelContent a:hover {
	color: #C71717;
	text-decoration: underline;
}
.SidePanel .SidePanelContent a.selected 
{
	background: #fff;
	border-top: 1px solid #93AABA; 
	border-left: 1px solid #93AABA; 
	border-bottom: 1px solid #93AABA;
	margin: -3px 0px -5px -8px;
	position: relative;
	left: 1px; top: 0;
	padding: 2px 44pt 2px 8px;
	zoom: 1;	
}

.SidePanel .SidePanelContent ul 
{
	list-style-type: none;
	padding: 0 0 0 0;	
	margin: 4px 0 10px 15px;
}
.SidePanel .SidePanelContent ul li 
{
	line-height: 1.4em;
	padding: 3px 0 1px 2px;
}
.SidePanel .SidePanelContent ul li.selected, 
.SidePanel .SidePanelContent div.selected { 
	background: #fff;
	border-top: 1px solid #93AABA; 
	border-left: 1px solid #93AABA; 
	border-bottom: 1px solid #93AABA;
	margin-right: -10px;
	margin-left: -2px;
	position: relative;
	left: 1px; top: 0;
	padding: 2px 0pt 2px 5px;
	zoom: 1;
}
.SidePanel .SidePanelContent ul li.selected a, 
.SidePanel .SidePanelContent div.selected a { 
	color: #C71717;
	font-weight: bold;
}
.SidePanel .SidePanelContent .section_error {
	color: red;
}
/* CONTENT PANEL */

.ContentPanel { 
	margin: -60px 0px 0px 0px;
	width: 775px;
	height: 100%;
	float:right;
	background: #fff; 
	padding: 0 0 0 0;
}

.ContentPanel h3
{
	margin: 0 0 0 0;
	font-size:12pt;
}

/* CONTENT TAB CONTROL */

.ContentTabControl {width: 775px; height: 540px;}
.ContentTabControl .ajax__tab_header {font-family: Tahoma, Verdana, sans-serif;font-size:12px;background:url("wwwimages/tab-line.gif") repeat-x bottom;}
.ContentTabControl .ajax__tab_outer {margin-right: 2px; padding-right:0px;background:url("wwwimages/tab-right.gif") no-repeat right;height:21px;}
.ContentTabControl .ajax__tab_inner {padding-left:3px;background:url("wwwimages/tab-left.gif") no-repeat;}
.ContentTabControl .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url("wwwimages/tab.gif") repeat-x;}
.ContentTabControl .ajax__tab_hover .ajax__tab_outer {background:url("wwwimages/tab-hover-right.gif") no-repeat right;}
.ContentTabControl .ajax__tab_hover .ajax__tab_inner {background:url("wwwimages/tab-hover-left.gif") no-repeat;}
.ContentTabControl .ajax__tab_hover .ajax__tab_tab {background:url("wwwimages/tab-hover.gif") repeat-x;}
.ContentTabControl .ajax__tab_active .ajax__tab_outer {background:url("wwwimages/tab-active-right.gif") no-repeat right;}
.ContentTabControl .ajax__tab_active .ajax__tab_inner {background:url("wwwimages/tab-active-left.gif") no-repeat;}
.ContentTabControl .ajax__tab_active .ajax__tab_tab {background:url("wwwimages/tab-active.gif") repeat-x;}
.ContentTabControl .ajax__tab_body {margin-top:20px; background-color:#FFFFFF;}

.updateProgress
{
	border: 1px solid #93AABA;
    background-color:#f5f6f8;	
    position:absolute; 
    width:130px; 
    height:50px;  
    margin: 250px 0px 0px 320px;  
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}

/* FOOTER PANEL */

.FooterPanel {
	background: #f5f6f8; 
	font-size: 11px; 
	padding: 10px 5px; 
	text-align: center; 
}

/* MY PHOTOS */
.Modal
{
	background-color:Silver;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity:0.5;
}
.SelectedItem
{
	background-color:Silver;
}
.UnselectedItem
{
	background-color:White;
}

/* WINDOWS */
.Window
{
	background-color:#f5f6f8;
	border: 5px solid #93AABA;
	position:absolute;
}
.WindowTop
{
	padding: 4px 4px 4px 4px;
	height: 16px;
	background-image:url(wwwimages/header_opened.png);
	text-align:center;
	cursor: pointer;
}
.WindowContent
{
	margin: 0 0 0 4px;
	padding: 4px 4px 4px 4px;
}
.WindowCloseButton
{
	float:right;
}

/* FACES VIEW */

.FacesViewFace
{
	overflow:hidden;
	padding: 4px 4px 2px 4px;
	border: 1px solid #93AABA;
	background-color:White;	
	width: 80px;
}

.FacesViewFaceSelected
{
	overflow:hidden;
	padding: 4px 4px 2px 4px;
	border: 1px solid #93AABA;
	background-color:#93AABA;
	width: 80px;
}

.FaceItemCommands
{
	margin:4px 0px 0px 0px;
	padding-left:4px;
	float:left;
}

.FaceItemCommands a
{   
	visibility:hidden;
	padding-left: 4px;	
	padding-right: 4px;	
	text-decoration: none;
	background-color:#FFFFFF;
}

.FaceItemCommands a:hover {
	text-decoration: none;
}	

.FaceItemCommandsHover
{
	margin:4px 0px 0px 0px;
	padding-left:4px;
	float:left;
}

.FaceItemCommandsHover a
{
	visibility:visible;
	padding-left: 4px;	
	padding-right: 4px;	
	text-decoration: none;
	background-color:#f5f6f8;
}

.FaceItemCommandsHover a:hover {
	text-decoration: none;
}

.FaceTag
{
	text-decoration: none;
}	

.FaceTagSelected
{
	text-decoration: underline;
}

/* IMAGES VIEW */

.ImageItemCommands
{
}

.ImageItemCommands a
{   
	visibility:hidden;
	padding-left: 4px;	
	padding-right: 4px;	
	text-decoration: none;
	background-color:#FFFFFF;
}

.ImageItemCommands a:hover {
	text-decoration: none;
}	

.ImageItemCommandsHover
{
}

.ImageItemCommandsHover a
{
	visibility:visible;
	padding-left: 4px;	
	padding-right: 4px;	
	text-decoration: none;
	background-color:#f5f6f8;
}

.ImageItemCommandsHover a:hover {
	text-decoration: none;
}

.ImageViewImage
{
	border: 1px solid #93AABA;
	background-color:#f5f6f8;	
	width: 104px; 
	height: 104px; 
    line-height:104px;
	font-size:104px;	
	text-align:center;
}
*>.ImageViewImage{
	font-size:12px
}

.ModalImageView
{
	width: 342px; 
	height: 594px;
}

.ModalImageView_SrcImagePanel
{
	width: 324px; 
	height: 324px; 
    background:white;
    text-align:center;
    line-height:324px;
	font-size:324px;	
}
*>.ModalImageView_SrcImagePanel{
	font-size:12px
}

.ModalImageView_FacesContentPanel
{
	overflow: auto;
	width: 324px; 
	height: 226px;
	margin-top: 2px;
}

/* FACE CONTROL */
.FaceControl
{
	text-align:center;
	overflow:hidden;
	padding: 4px 4px 4px 4px;
	border: 1px solid #93AABA;
	font-size:smaller;
}

.FaceControl_popupHover 
{
	text-align:center;
	overflow:hidden;
	padding: 4px 4px 4px 4px;
	border: 1px solid #93AABA;
	background-color:#f5f6f8;
	font-size:smaller;	
}

.FaceControl_popupMenu 
{
	text-align:center;
	position:absolute;
	visibility:hidden;
	border: 1px solid #93AABA;	
	background-color:#f5f6f8;
	opacity:.9;
	filter: alpha(opacity=90);
	padding: 10px 5px 10px 5px;
}

.FaceControl_popupMenu ul
{
	text-align: left;
	list-style-type: none;
	padding: 0 0 0 0;	
	margin: 5px 0px 0px 10px;
}

.FaceControl_popupMenu ul li
{

	line-height: 1.4em;
	padding: 3px 0 1px 2px;
}

.FaceControl_popupMenu ul li a
{
	color: #0A4B72;
	text-decoration: none;
	font-weight: bold;
}
		

/* SEARCH */

.Search
{
}

.SearchFilter
{
	margin-left:3px; 
	width:785px;
}

.SearchRequest
{
	vertical-align:top;
	margin-left:3px; 
	width:90px;
}

.SearchResults
{
	margin-left: 10px;
}

.SearchTags
{
	text-align:center; 
	overflow:auto; 
	width: 512px;
	height: 160px;
}


/*USER FACE CONTROL*/

.UserFaceControl
{
	text-align:center;
	width:190px;	
}

.UserFaceControl h3
{
	margin: 0 0 0 0;
	font-family: Verdana;
	font-size: 0.76em;		
}

/*AVERAGE VIEW*/

.AverageView
{
	text-align:center;
	background-color:#f5f6f8; 
	width:190px;
}

.Facebook .AverageView
{
	text-align:center;
	background-color: White; 
	width:190px;
}

.AverageView h3
{
	margin: 0 0 0 0;
	font-family: Verdana;
	font-size: 0.76em;		
}

/* FILE UPLOAD */

.FileUpload
{
	color: black;
	height:100%; 
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 8pt;		
	background: #f5f6f8; 
	background-color: #f5f6f8; 
	margin: -12px 2px 2px -8px; 
	padding: 0 0 0 0; 
	min-width: 188px; 
	max-width: 188px;
	overflow:hidden;
}

.RegisterSearchableHover
{
	position:absolute;
	visibility:hidden;
	width:250px;
}

.FaceTagsPanel
{
	margin: 5px 2px 5px 0px;
	text-align:left;
	font-family: Verdana;
	font-size: 0.76em;		
}

.PanelNewPerson
{
	
	margin-top:10px;
	width: 188px;
	border: solid 1px #93AABA;
	padding: 2px;
}

.PanelNewPerson .TagText
{
	width:164px;	
}

.PanelNewPerson .TagGender
{
	width:80px;	
}

.PanelNewPerson .TagOk
{
	width:50px;	
	float:right;
	margin-right:4px;
	margin-top:4px;
}

.PanelTagCommands
{
	 margin-top:8px;
	 margin-bottom:4px;
}

.PanelTagCommands a
{
	text-decoration:none;
}

/* PROFILE DATA */

.ProfileDataLabel
{
	width:90px;
	text-align:right;
}

/* AVERAGES */
.AveragesMixInputPanel
{
	width:772px;
	height:186px;
	overflow:auto;
	text-align:center;
}

.AveragesMixOutputPanel
{
	width:100px;
	height:166px;
	overflow:hidden;
}

/* PEOPLE SELECTOR */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color:White;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 240px;
    text-align : left; 
    list-style-type : none;
}

.autocomplete_highlightedListItem
{
	background-color: #f5f6f8;
	color: black;
	padding: 1px;
}

.autocomplete_listItem 
{
	background-color:White;
	color : windowtext;
	padding : 1px;
}

.Facebook
{
	font-family: Verdana;
	font-size: 0.76em;	
	background-color:White;
}