/* ---------- Common Design ---------- */
body {
	padding: 0px auto;
	margin: 0px auto;
	width: 100%;
	height: 100%;
}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4473a4;
	text-align: center;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4473a4;
	font-weight: bolder;
}

.header {
	background: #ffffff url('/i/header-background.gif') repeat-x;
	height: 145px;
	position: relative;	
	top: 0px;
	left: 0px;
	overflow: visible;
}

.subheader {
	height: 145px;
	width: 960px;
	overflow: visible;
}

.logo {
	float: left; 
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -460px;
/*	border: 1px solid aqua; */
}

.slogan {
	float: left; 
	position: relative; 
	top: 10px;
	left: 50%;
	margin-left: -250px;
/*	border: 1px solid aqua; */
}

.fbook_connect {
	background: url(i/fbook-connect-background.gif) no-repeat;
	width: 173px;
	height: 46px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}

.fbook_connected {
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	margin: 5px; 
}

.fbook_connected_td {
	background: #ffffff url(i/fbook-connect-middle.gif) repeat-x top;
	padding: 2px;
}

.top_menu {
	background: url(i/top-menu-background.gif) repeat-x;
	height: 31px;
}

.fbook_line {
	background: #ebebeb url(i/fbook-line-background.gif) repeat-x;
	height: 95px;
}

.submenu {
	background: url(i/submenu-background.gif) repeat-x;
	height: 48px;
/*
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 102;
*/
}

.sf-menu li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bolder;
	color: #ffffff;
}

.sf-menu li a {
	text-decoration: none;
}

.sf-menu li ul li {
	color: #3b5999;
	text-transform: none;
	text-align: left;
}

.current a {
	color: #eeb92b;
}

.footer_grove {
	background: url(i/footer-grove.jpg) repeat-x;
	height: 29px;
}

.footer {
	background: url(i/footer-background-600px.jpg) repeat-x;
	position: relative;
	top: 0px;
	left: 0px;
}

.footer p {
	font: normal normal normal 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.footerLink:link, .footerLink:active, .footerLink:visited {
	font: normal normal bold 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #ffbb00;
	text-decoration: none;
	color: #ffbb00;
}
.footerLink:hover {
	text-decoration: none;
	border: 0px;
	color: #ffbb00;
}
.cagetoryLink:link, .cagetoryLink:active, .cagetoryLink:visited {
	font: normal normal normal 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 0px;
	color: #ffffff;
}
.cagetoryLink:hover {
	text-decoration: none;
	border-bottom: 1px dotted #ffbb00;
	color: #ffbb00;
}
.categoriesList {
	float: left;
	width: 110px;
}

.orangeColor {
	color: #eeb92b;
}

img, .noBorder {
	border: 0px;
}

.footerNav {
	font: normal normal normal 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-bottom: 20px;
	color: #ffffff;
}
.footerNavigation:link, .footerNavigation:active, .footerNavigation:visited {
	font: normal normal normal 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border: 0px;
	text-decoration: none;
	color: #ffffff;
}
.footerNavigation:hover {
	text-decoration: none;
	border-bottom: 1px dotted #ffbb00;
	color: #ffbb00;
}

/* ---------- Content ---------- */
.content {
	color: #000000;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-style: normal;	
	font-variant: normal;
	font-weight: normal;
/*	line-height: 100%; */
}

.content a, fbook_connected_td a {
	color: #3c69ac;
}

/* ---------- Smileys List Page ---------- */
.flair {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 134px;
	height: 134px;
	margin: 15px;
	z-index: 1;
}

.flair_hover {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	overflow:hidden;
}

.hidden {
	display: none;
}
.visible {
	display: block;
}
.invisible {
	visibility: hidden;
}
.inline {
	display: inline;
}
.flair_buttons {
	margin-top: 6px;
}

.flair_buttons a{
	margin: 1px;
}

/* ---------- Dialog Window ---------- */
.dialog {
	border: 2px solid #325c98;
}

.dialog_logo {
	background: #006db6 url(i/dialog-header-background.gif) repeat-x;
	width: 380px;
	height: 53px;
	text-align: left;
}

.dialog_logo a {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.dialog_header {
	background: #006db6 url(i/gf-dialog-background.gif) no-repeat left;
}

.dialog_body {
	background-color: #ffffff;
	color: #000000;
	font-size: 14px;
	font-weight: bolder;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.hidden {
  display: none;
}

/* Pop-up message and fading background */
#opaco {
   background-color: #000000;
   left: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
   filter: alpha(opacity=70);/* IE4- */
   moz-opacity: 0; /* Mozilla */
   -khtml-opacity: 0; /* Safari */
   opacity: 0;  /* general CSS3 */
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 10;
 }

#popup {
   background-color: #FFFFFF;
   position: fixed;
   top:0;
   left:0;
   /*width:300px;*/
   min-width: 300px;
   z-index: 11;
 border: 3px solid #3b5999; 
}

/* ---------- SimpleModal ---------- */
#modalOverlay {
background-color:#000; /* Тут выбираем цвет затемнения */
cursor:wait; /* Курсор при наведении на затемненную область */
filter: alpha(opacity=80); /* Интенсивность затемнения */
height: 100%;
} 


#modalContainer {
height:auto;  /* Для растягивания по высоте */
width:300px;
left:50%; /*в купе с margin-left, которая равна минус половине ширины центруют по горизонтали*/
top:50%;  /*центрует по вертикали, вместе с margin-top, если задать высоту*/
margin-left:-150px;
/* margin-top: -70px; */
background-color:#fff;
border:3px solid #ccc;
padding: 10px;
} 

#helper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -10;
}

/* ---------- Old Zaazu Styles ---------- */
.topSearchField {
	height: 24px;
	border: 1px solid #a2a4a4;
	font-size: 12px;
	font: normal normal normal 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	width: 220px;
}

.viewSearch {
	width: 600px;
	margin: 0px auto;
}
.searchSpacer {
	margin-bottom: 15px;
}
.searchBody {
	font-size: 12px;
	background: url('/images/search-background.jpg') repeat-x;
	height: 61px;
	padding: 16px 0px 16px 0px;
}
.searchInput {
	font: normal normal normal 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 0px;
	height: 27px; 
}
.browseSearch	{
	font-size: 12px;
}
.browseSearch:link, .browseSearch:active, .browseSearch:visited, .browseSearch:hover {
	color: #006ab0;
	text-decoration: none;
}
.blueLogo {
	font-weight: bold;
	color: #006db6;
}

/* ---------- Send Page ---------- */
.friend_in_list {
	float: left;
	display: block;
	width: 290px;
	height: 18px;
}
.friends_tab_selected {
	border-left: 1px solid #cfcfcf; 
	border-right: 1px solid #cfcfcf; 
	border-top: 1px solid #cfcfcf; 
	padding: 7px;
}
.friends_tab {
	border: 1px solid #cfcfcf; 
	padding: 7px;
}

.large_blue {
	font-size: 24px;
	font-weight: bolder;
	color: #3b5998;	
}
.grey {
	color: #919191;
}
.blue {
	font-weight: bolder;
	color: #3c6aac;
	font-size: larger;
}
.large {
	font-size: 16px;
	font-weight: bolder;
}
.inputtext, .inputpassword {
	margin:0;
	padding-bottom:4px;
}

textarea, .inputtext, .inputpassword {
	border:1px solid #BDC7D8;
	font: normal normal normal 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:3px;
}

td.border {
	border: 1px solid #cfcfcf;
}

.hidden {
	display: none;
}
.visible {
	display: block;
}
.invisible {
	visibility: hidden;
}
.inline {
	display: inline;
}

.notes {
	border: 1px solid #bbbb99;
	background-color: #ffffdd; 
	padding: 10px;
}

.info {
	border: 1px solid #4473a4; 
	background-color: #c6ddfa; 
	padding: 10px;
}

/* ---------- Pagination ---------- */
.pagination {
	width: 22px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	background-color: #006ab0;
	color: #ffffff;
}

.pagination_current {
	width: 22px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	background-color: #eeb92b;
	color: #ffffff;
}